@extends('layouts.front-layout')
@section('title') Contact
@endsection
@section('content')<!-- Begin: Main Slider -->
<div class="innerBan">
    <img src="{{($contact->getFirstMediaUrl('contact_top_banner_image') ? $contact->getFirstMediaUrl('contact_top_banner_image') : asset('upload/placeholder.png'))}}" class="w-100" alt="">
    <div class="overlay">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-12">
                    <h2>{{ $pageData['Contact']['top_title'] ?? '' }}</h2>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- End: Main Slider -->
<section class="contactInner">
    <div class="container">
        <h2 class="mainHead text-center">{{ $pageData['Contact']['heading'] ?? '' }}</h2>
        <div class="row">
            <div class="col-md-12">
                <form class="contactForm"action="{{route('contact.submit')}}"method="post">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>First name *</label>
                                <input type="text" class="form-control"name="first_name">
                            </div>
                            @error('first_name')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Last name *</label>
                                <input type="text" class="form-control"name="last_name">
                            </div>
                            @error('last_name')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Email Address *</label>
                                <input type="text" class="form-control"name="email">
                            </div>
                            @error('email')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Phone Number *</label>
                                <input type="text" class="form-control"name="phone">
                            </div>
                            @error('phone')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <div class="col-md-12">
                            <div class="form-group">
                                <label>Question/Comment *</label>
                                <textarea class="form-control" rows="5" name="message"></textarea>
                            </div>
                            @error('message')
                            <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div class="col-md-12 text-center">
                            <button class="themeBtn btn" type="submit">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>

<section class="mapSec">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10394947.615625769!2d-111.08586153797627!3d40.84982911423631!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1710922416677!5m2!1sen!2s" width="100%" height="625" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
@include('front.includes.home-sell-sec')

@endsection