@extends('layouts.app')

@push('page-styles')
    <link href="{{ asset('frontend/css/about.css') }}" rel="stylesheet">
@endpush

@section('content')

@include('partials.page-banner', [
    'bannerTitle' => 'Contact Us',
    'breadcrumbs' => [['label' => 'Contact Us']],
])

<section class="contact-section py-5">
    <div class="container">
        <div class="row">

            <div class="col-lg-8">
                <h3 class="section-title mb-5">Contact Us</h3>

                @if(session('contact_success'))
                <div class="alert alert-success">Thanks for reaching out — we'll be in touch shortly.</div>
                @endif

                <form method="POST" action="{{ route('contact.submit') }}">
                    @csrf
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <label>Your name</label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}">
                            @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6 mb-4">
                            <label>Your email</label>
                            <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}">
                            @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        <div class="col-md-6 mb-4">
                            <label>Website</label>
                            <input type="text" name="website" class="form-control" value="{{ old('website') }}">
                        </div>

                        <div class="col-md-6 mb-4">
                            <label>Subject</label>
                            <input type="text" name="subject" class="form-control" value="{{ old('subject') }}">
                        </div>

                        <div class="col-12 mb-4">
                            <label>Your message</label>
                            <textarea name="message" class="form-control @error('message') is-invalid @enderror" rows="10">{{ old('message') }}</textarea>
                            @error('message') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <div class="text-end">
                        <button class="theme-btn" type="submit">Submit</button>
                    </div>
                </form>
            </div>

            <div class="col-lg-4 mt-5 mt-lg-0">

                <div class="sidebar-box">
                    <h3>Open Hours</h3>
                    <ul class="hours-list">
                        <li><span>Monday - Friday</span><strong>{{ $content['hours_weekday'] ?? '09 AM - 19 PM' }}</strong></li>
                        <li><span>Saturday</span><strong>{{ $content['hours_saturday'] ?? '09 AM - 14 PM' }}</strong></li>
                        <li><span>Sunday</span><strong>{{ $content['hours_sunday'] ?? 'Closed' }}</strong></li>
                    </ul>
                </div>

                <div class="sidebar-box mt-5">
                    <h3>Info Location</h3>
                    <div class="contact-item">
                        <div class="icon"><i class="bi bi-house-fill"></i></div>
                        <p>{{ \App\Models\Setting::get('address_line') }}</p>
                    </div>
                    <div class="contact-item">
                        <div class="icon"><i class="bi bi-telephone-fill"></i></div>
                        <p>{{ \App\Models\Setting::get('general_enquiries_phone') }}</p>
                    </div>
                    <div class="contact-item">
                        <div class="icon"><i class="bi bi-envelope-fill"></i></div>
                        <p>{{ \App\Models\Setting::get('contact_email') }}</p>
                    </div>
                </div>

                <div class="sidebar-box mt-5">
                    <h3>Find Us</h3>
                    <div class="social-links">
                        <a href="{{ \App\Models\Setting::get('facebook_url', '#') }}" class="facebook"><i class="bi bi-facebook"></i></a>
                        <a href="{{ \App\Models\Setting::get('instagram_url', '#') }}" class="twitter"><i class="bi bi-twitter"></i></a>
                    </div>
                </div>

            </div>

        </div>
    </div>
</section>

@endsection