@extends('layout.master')
@section('title', 'Contact Us')
@section('content')
      <!-- Contact us breadcrumb start -->
      <div class="wrapper-box p-relative">
        <div class="breadcrumb_contact filter_brightness" data-background="{{asset('assets/img/contact/contact_bg.jpg')}}"></div>
        <div class="breadcrumb-area pt-265 pb-265">
          <div class="container">
            <div class="row">
              <div class="col-xl-12">
                <div class="breadcrumb__content text-center">
                  <h1 class="breadcrumb__title">Contact Us</h1>
                  <div class="breadcrumb__list">
                    <span><a href="{{ route('index')}}">Home</a></span>
                    <span class="dvdr"><i class="fa-solid fa-angle-right"></i></span>
                    <span class="text_orange">Contact Us</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Contact us breadcrumb end -->

      <!-- contact us area start -->
      <div class="contact-area pt-90 pb-50">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 col-md-12 col-12">
              <div class="contact-form-box">
                <div class="contact-form">
                  <form id="contact-form" action="assets/mail.php" method="post">
                    <div class="row">
                      <h3 class="contact-form-title">Send us a message</h3>
                      <div class="col-xl-6 col-lg-6">
                        <div class="contact-input">
                          <input id="fullname" name="name" class="input" type="text" placeholder="Full Name" />
                        </div>
                      </div>
                      <div class="col-xl-6 col-lg-6">
                        <div class="contact-input">
                          <input id="email" name="email" class="input" type="email" placeholder="Email" />
                        </div>
                      </div>
                      <div class="col-xl-6 col-lg-6">
                        <div class="contact-input">
                          <input id="number" name="number" class="input" type="number" placeholder="Number" />
                        </div>
                      </div>
                      <div class="col-xl-6 col-lg-6">
                        <div class="contact-input">
                          <!-- <input name="l_name" class="input" type="text" placeholder="Last Name"> -->
                          <select id="whoiam" name="whoiam" class="input nice-select">
                            <option selected disabled>Who Am I?</option>
                            <option>I am a Parent</option>
                            <option>I am a School Representative</option>
                          </select>
                        </div>
                      </div>
                      <div class="col-xl-12 mt-3 mt-lg-0">
                        <div class="contact-input">
                          <textarea id="message" name="message" class="textarea" placeholder="Your message"></textarea>
                        </div>
                        <div class="row">
                          <div class="col-6">
                            <div class="contact-form-btn">
                              <button class="tp-btn tp-btn-shine-effect" type="submit">Submit</button>
                            </div>
                            <p class="ajax-response"></p>
                          </div>
                          <div class="col-sm-6">
                            <div class="tp-contact-info text-sm-end">
                              <span class="call">Call for Consultation</span>
                              <a href="tel:+923278261594"><i class="fa-solid fa-phone-flip"></i> +92 3278261594</a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <div class="col-md-12 col-lg-6 col-12 mt-30 mt-md-0">
              <div>
                <iframe class="contact_map" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14477.638663208996!2d67.072849!3d24.8840042!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb33ec184c65c35%3A0xabbeaff2f22ba73a!2sDr%20Aisha&#39;s%20Health%20Vision%20Hospital!5e0!3m2!1sen!2s!4v1704383331529!5m2!1sen!2s" width="600" height="640" style="border:0; border-radius: 12px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- contact us area end -->

    @endsection