@extends('layouts.app')

@section('title', 'Contact')
@section('meta_description', 'Contact ARZYLY MENZILE TARAP for power plant repair, maintenance, and quote requests. Email info@arzyly.com.')
@section('meta_keywords', 'contact, power plant repair, quote request, info@arzyly.com, ARZYLY MENZILE TARAP')

@push('head')
<script type="application/ld+json">
{"@@context":"https://schema.org","@@type":"ContactPage","name":"Contact ARZYLY MENZILE TARAP","description":"Get in touch for power plant repair, maintenance, and quotes.","url":"{{ url()->current() }}","mainEntity":{"@@type":"Organization","name":"ARZYLY MENZILE TARAP","email":"info@arzyly.com","telephone":"+1234567890","address":{"@@type":"PostalAddress","streetAddress":"Gubadag etraby","addressLocality":"Gubadag","addressRegion":"Daşoguz welayati","addressCountry":"Turkmenistan"}}}
</script>
@endpush

@section('content')
<section class="page-hero">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Contact</li>
            </ol>
        </nav>
        <h1>Contact Us</h1>
        <p class="mb-0 opacity-90">Get in touch for inquiries, support, or a custom quote.</p>
    </div>
</section>

<section class="py-5 bg-light">
    <div class="container">
        <h2 class="section-title text-center centered">Get In Touch</h2>
        <p class="section-subtitle text-center mx-auto mb-5">We're here to answer your questions and discuss your power plant needs.</p>
        <div class="row g-4">
            <div class="col-lg-4">
                <div class="contact-info-item">
                    <i class="bi bi-geo-alt"></i>
                    <div>
                        <strong>Address</strong><br>
                        Turkmenistan, Daşoguz welayati, Gubadag etraby
                    </div>
                </div>
                <div class="contact-info-item">
                    <i class="bi bi-envelope"></i>
                    <div>
                        <strong>Email</strong><br>
                        <a href="mailto:info@arzyly.com">info@arzyly.com</a>
                    </div>
                </div>
                <div class="contact-info-item">
                    <i class="bi bi-telephone"></i>
                    <div>
                        <strong>Phone</strong><br>
                        <a href="tel:+99362110548">+99362110548</a>
                    </div>
                </div>
                <div class="contact-info-item">
                    <i class="bi bi-clock"></i>
                    <div>
                        <strong>Support</strong><br>
                        Emergency support available 24/7
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="contact-form-card bg-white rounded-3 p-4 shadow-sm">
                    <form action="{{ route('contact.submit') }}" method="POST">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Name <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control" value="{{ old('name') }}" required maxlength="255" placeholder="Your name">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Email <span class="text-danger">*</span></label>
                                <input type="email" name="email" class="form-control" value="{{ old('email') }}" required placeholder="your@email.com">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Phone</label>
                                <input type="text" name="phone" class="form-control" value="{{ old('phone') }}" placeholder="+99362110548">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Subject</label>
                                <input type="text" name="subject" class="form-control" value="{{ old('subject') }}" placeholder="Subject">
                            </div>
                            <div class="col-12">
                                <label class="form-label">Message <span class="text-danger">*</span></label>
                                <textarea name="message" class="form-control" rows="4" required maxlength="2000" placeholder="Your message">{{ old('message') }}</textarea>
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-submit">Send Message</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
