@extends('layouts.master')

@section('title', 'Contact HomesInKerala')
@section('meta_description', 'Contact HomesInKerala for property buying, selling, renting and real estate support across Kerala.')

@section('content')
    @php($site = \App\Support\SiteSettings::class)
    <section class="bg-soft py-5 border-bottom">
        <div class="container">
            @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
            <p class="text-primary fw-bold text-uppercase small mb-1">Contact Form</p>
            <h1 class="fw-bold">Contact HomesInKerala</h1>
            <p class="text-muted mb-0">Send your requirement and our CRM team will follow up.</p>
        </div>
    </section>

    <section class="py-5">
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-7">
                    <form class="property-detail-card" method="POST" action="{{ route('contact.store') }}">
                        @csrf
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">Name</label>
                                <input name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', auth()->user()?->name) }}" required>
                                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">Phone</label>
                                <input name="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', auth()->user()?->phone) }}" required>
                                @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Email</label>
                                <input type="email" name="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', auth()->user()?->email) }}">
                                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="col-12">
                                <label class="form-label">Message</label>
                                <textarea name="message" class="form-control @error('message') is-invalid @enderror" rows="5" placeholder="Tell us about your property requirement">{{ old('message') }}</textarea>
                                @error('message')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            @include('frontend.partials.recaptcha')
                        </div>
                        <button class="btn btn-primary mt-4">Submit Lead</button>
                    </form>
                </div>
                <div class="col-lg-5">
                    <div class="property-detail-card h-100">
                        <h2 class="h5 mb-3">Contact Details</h2>
                        <p class="mb-2"><strong>Phone:</strong> {{ $site::phone() }}</p>
                        <p class="mb-2"><strong>Email:</strong> {{ $site::email() }}</p>
                        <p class="mb-0"><strong>Office:</strong> {{ $site::address() }}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection