@extends('layout.app')

@section('content')
    <section class="py-10 d-flex items-center bg-light-2" style="margin-top: 6rem;">
        <div class="container">
            <div class="row y-gap-10 items-center justify-between">
                <div class="col-auto">
                <div class="row x-gap-10 y-gap-5 items-center text-14 text-light-1">
                    <div class="col-auto">
                        <div class=""><a href="{{route('home')}}">Home</a></div>
                    </div>
                    <div class="col-auto">
                        <div class="">></div>
                    </div>
                    <div class="col-auto">
                        <div class="text-dark-1">Query Contact</div>
                    </div>
                </div>
                </div>
            </div>
        </div>
    </section>
    <section class="mt-lg-5 mb-lg-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <h2 class="sectionTitle__title">Submit Form Below</h2>
                    <p class=" sectionTitle__text mt-5 sm:mt-0">We contact you with best flights Price according to your search.</p>
                    <p>-----------------</p>
                </div>
                <div class="col-lg-8">
                    <form action="{{route('submit-query-contact')}}" method="GET">
                        <div class="row">
                            <div class="col-lg-6">
                                <label for="name">Your Name</label>
                                <input style="border: 1px solid #000;" type="text" name="name" id="name" required>
                                <input type="hidden" name="id" value="{{$id}}">
                            </div>
                            <div class="col-lg-6">
                                <label for="email">Your Email</label>
                                <input style="border: 1px solid #000;" type="email" name="email" id="email" required>
                            </div>
                        </div>
                        <div class="row mt-lg-2">
                            <div class="col-lg-6">
                                <label for="phone">Your Phone No.</label>
                                <input style="border: 1px solid #000;" type="text" name="phone" id="phone" required>
                            </div>
                            <div class="col-lg-6">
                                <label for="subject">Subject</label>
                                <input style="border: 1px solid #000;" type="text" name="subject" id="subject">
                            </div>
                        </div>
                        <div class="row mt-lg-2">
                            <div class="col-lg-12">
                                <label for="message">Your Message</label>
                                <textarea style="border: 1px solid #000;" name="message" id="message" cols="30" rows="5"></textarea>
                            </div>
                            <div class="col-lg-3 mt-lg-2">
                                <div class="button-item">
                                    <button type="submit" class="mainSearch__submit button -dark-1 py-15 px-35 h-60 col-12 rounded-4 bg-blue-1 text-white">
                                      Submit
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('customJs')
@endsection
