@extends('layouts.app')

@section('title', 'Contact Us')

@section('content')
    @include('layouts.partials.page_header', [
        'title' => 'Contact Us',
        'breadcrumbs' => [
            ['label' => 'Home', 'url' => route('home')],
            ['label' => 'Contact Us', 'url' => ''],
        ]
    ])

    <section class="about-one" style="padding: 80px 0 40px;">
        <div class="container">
            <div class="row">
                <div class="col-xl-5">
                    <div class="about-one__right">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <div class="section-title__tagline-shape"></div>
                                <span class="section-title__tagline">Get in touch</span>
                            </div>
                            <h2 class="section-title__title title-animation">Talk to our team about scholarships, universities, and visas.</h2>
                        </div>

                        <p class="about-one__text">
                            Reach out for a free consultation. We help students plan the right course, country, and application strategy.
                        </p>

                        <div class="row g-4">
                            <div class="col-12">
                                <div class="courses-two__single">
                                    <div class="courses-two__content">
                                        <div class="courses-two__doller-and-review">
                                            <div class="courses-two__doller">
                                                <p>Email</p>
                                            </div>
                                        </div>
                                        <p class="courses-two__text"><a href="mailto:{{ $settings['contact_email'] ?? 'info@insightglobalconsultant.com' }}">{{ $settings['contact_email'] ?? 'info@insightglobalconsultant.com' }}</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="courses-two__single">
                                    <div class="courses-two__content">
                                        <div class="courses-two__doller-and-review">
                                            <div class="courses-two__doller">
                                                <p>Phone</p>
                                            </div>
                                        </div>
                                        <p class="courses-two__text"><a href="tel:{{ $settings['contact_phone'] ?? '+12 (123) 456 78900' }}">{{ $settings['contact_phone'] ?? '+12 (123) 456 78900' }}</a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="courses-two__single">
                                    <div class="courses-two__content">
                                        <div class="courses-two__doller-and-review">
                                            <div class="courses-two__doller">
                                                <p>Office</p>
                                            </div>
                                        </div>
                                        <p class="courses-two__text">{{ $settings['address'] ?? '123 Scholar Street, Education City' }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="course-grid__discount course-grid__single mt-4">
                            <div class="course-grid__discount-shape-bg" style="background-image: url({{ asset('images/shapes/course-grid-discount-shape-bg.png') }});"></div>
                            <h4 class="course-grid__discount-title">Office Hours</h4>
                            <p class="course-grid__discount-text">Monday - Friday, 9:00 AM - 5:00 PM</p>
                            <div class="course-grid__discount-coupon">
                                <a href="{{ route('faq') }}" class="thm-btn">Read FAQs</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-7">
                    <div class="course-grid__right">
                        <div class="course-grid__right-content-box">
                            <div class="courses-two__single">
                                <div class="courses-two__content">
                                    <div class="section-title text-left sec-title-animation animation-style2">
                                        <div class="section-title__tagline-box">
                                            <div class="section-title__tagline-shape"></div>
                                            <span class="section-title__tagline">Send a message</span>
                                        </div>
                                        <h2 class="section-title__title title-animation">Tell us what you need</h2>
                                    </div>

                                    @if(session('success'))
                                        <div class="alert alert-success">{{ session('success') }}</div>
                                    @endif

                                    <form action="{{ route('contact.submit') }}" method="POST" class="row g-3 mt-2">
                                        @csrf
                                        <div class="col-md-6">
                                            <label class="form-label">Full Name</label>
                                            <input type="text" name="name" value="{{ old('name') }}" class="form-control" required>
                                            @error('name') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Email Address</label>
                                            <input type="email" name="email" value="{{ old('email') }}" class="form-control" required>
                                            @error('email') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Phone</label>
                                            <input type="text" name="phone" value="{{ old('phone') }}" class="form-control">
                                            @error('phone') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Preferred Date</label>
                                            <input type="date" name="preferred_date" value="{{ old('preferred_date') }}" class="form-control">
                                            @error('preferred_date') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                        </div>
                                        <div class="col-12">
                                            <label class="form-label">Message</label>
                                            <textarea name="message" rows="6" class="form-control" required>{{ old('message') }}</textarea>
                                            @error('message') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                                        </div>
                                        <div class="col-12">
                                            <button type="submit" class="thm-btn">
                                                <span class="icon-angles-right"></span> Submit Message
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection