@extends('main')

@section('content')
<section class="cs_banner cs_style_5 cs_bg_filed" data-src="assets/img/contact/banner_bg.svg">
  <div class="cs_banner_img">
    <img src="assets/img/about/customer.png" alt="Banner Image" class="cs_main_banner_img" style="height:978px !important;">
    <img src="assets/img/contact/banner_element_1.html" alt="Banner Element" class="cs_element_1 position-absolute">
    <img src="assets/img/contact/banner_element_2.html" alt="Banner Element" class="cs_element_3 position-absolute">
  </div>
  <div class="container">
    <h2 class="cs_banner_title cs_fs_72">Contact Us</h2>
    <p class="cs_banner_subtitle cs_fs_20 mb-0 cs_heading_color">Kindly reach us to get the fastest response and treatment</p>
  </div>
</section>
<!-- End Banner  -->
<!-- Start Contact Section -->
<section>
  <div class="container cs_mt_minus_110">
    <div class="row">
      <div class="col-lg-10 offset-lg-1">
        <div class="cs_contact_form cs_style_1 cs_white_bg cs_radius_30">
          <div class="row">
            <div class="col-lg-6">
              <label class="cs_input_label cs_heading_color">Name</label>
              <input type="text" class="cs_form_field" placeholder="David John">
              <div class="cs_height_42 cs_height_xl_25"></div>
            </div>
            <div class="col-lg-6">
              <label class="cs_input_label cs_heading_color">Email</label>
              <input type="email" class="cs_form_field" placeholder="example@gmail.com">
              <div class="cs_height_42 cs_height_xl_25"></div>
            </div>
            <div class="col-lg-12">
              <label class="cs_input_label cs_heading_color">Subject</label>
              <input type="text" class="cs_form_field" placeholder="Your subject">
              <div class="cs_height_42 cs_height_xl_25"></div>
            </div>
            <div class="col-lg-12">
              <label class="cs_input_label cs_heading_color">Message</label>
              <textarea cols="30" rows="10" class="cs_form_field" placeholder="Write something..."></textarea>
              <div class="cs_height_42 cs_height_xl_25"></div>
            </div>
            <div class="col-lg-12">
              <div class="cs_height_18"></div>
              <button class="cs_btn cs_style_1">
                <span>Submit</span>
                <i>
                  <img src="assets/img/icons/arrow_white.svg" alt="Icon">
                  <img src="assets/img/icons/arrow_white.svg" alt="Icon">
                </i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="cs_height_200 cs_height_xl_150 cs_height_lg_100"></div>
    <h2 class="cs_fs_72 mb-0">Find Us Here</h2>
    <div class="cs_height_70 cs_height_lg_50"></div>
    <div class="row g-4 g-xl-3 g-xxl-5">
      <div class="col-xl-4">
        <div class="cs_iconbox cs_style_11 cs_radius_25">
          <div class="cs_iconbox_icon">
            <img src="assets/img/contact/icon_1.svg" alt="Icon">
          </div>
          <div class="cs_iconbox_right">
            <h3 class="cs_iconbox_title cs_fs_24 mb-0">Phone</h3>
            <p class="cs_iconbox_subtitle mb-0 cs_heading_color">{{ $set->phone }}</p>
          </div>
        </div>
      </div>
      <div class="col-xl-4">
        <div class="cs_iconbox cs_style_11 cs_radius_25">
          <div class="cs_iconbox_icon">
            <img src="assets/img/contact/icon_2.svg" alt="Icon">
          </div>
          <div class="cs_iconbox_right">
            <h3 class="cs_iconbox_title cs_fs_24 mb-0">Email</h3>
            <p class="cs_iconbox_subtitle mb-0 cs_heading_color"><a href="" class="__cf_email__" >{{ $set->email }}</a></p>
          </div>
        </div>
      </div>
      <div class="col-xl-4">
        <div class="cs_iconbox cs_style_11 cs_radius_25">
          <div class="cs_iconbox_icon">
            <img src="assets/img/contact/icon_3.svg" alt="Icon">
          </div>
          <div class="cs_iconbox_right">
            <h3 class="cs_iconbox_title cs_fs_24 mb-0">Location</h3>
            <p class="cs_iconbox_subtitle mb-0 cs_heading_color">{!! $set->address !!}</p>
          </div>
        </div>
      </div>
    </div>
    <div class="cs_height_35"></div>
    <!-- Start Google Map -->
    <div class="cs_map">
      <iframe id="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d253739.49271992748!2d3.04079270731543!3d6.435187049666418!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103bf65c5450a69b%3A0xb049a430ca59c39a!2sImagine%20Estate!5e0!3m2!1sen!2sng!4v1699736812421!5m2!1sen!2sng" allowfullscreen></iframe>
    </div>
    <!-- End Google Map -->
  </div>
</section>
@stop