@extends('frontend.layouts.app')

@section('content')
<div class="breadcumb-area style2 bg-smoke4">
  <div class="breadcumb-wrapper" data-bg-src="{{ URL::asset('frontend/assets/img/bg/breadcumb-bg.jpg')}}">
    <div class="container">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Contact Us</h1>
        <ul class="breadcumb-menu">
          <li><a href="{{ url('/')}}">Home</a></li>
          <li>Contact Us</li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div class="contact-area space space-extra-bottom overflow-hidden">
  <div class="container">
    <div class="contact-wrapp2 mb-60 smoke-bg">
      <div class="contact-infobox-top">
        <div class="row align-items-center justify-content-between text-center">
          <div class="col-xl-3 col-lg-3">
            <div class="contact-shape-left text-sm-start"><img src="{{ URL::asset('frontend/assets/img/shape/contact-shape_2_1.png')}}" alt=""></div>
          </div>
          <div class="col-xl-6 col-lg-6">
            <div class="title-area contact-titlebox2 text-center"><span class="sub-title">Work With Us</span>
              <h3 class="sec-title">Contact Information</h3>
              <p class="sec-text">Thank you for your interest in Attach Web Agency. We're excited to hear from you and discuss...</p>
            </div>
          </div>
          <div class="col-xl-3 col-lg-3">
            <div class="contact-shape-right text-sm-end"><img src="{{ URL::asset('frontend/assets/img/shape/contact-shape_2_2.png')}}" alt=""></div>
          </div>
        </div>
      </div>
      <div class="contact-infobox-bottom d-xl-flex align-items-center justify-content-between">
        <div class="about-contact-grid inner-style"><span class="about-contact-icon"><i class="fa-solid fa-headphones-simple"></i></span>
          <div class="about-contact-details"><span class="sec-text">Call Us For Query</span>
            <p class="about-contact-details-text"><a href="tel:{{ $general_setting->phone }}">{{ $general_setting->phone }}</a></p>
          </div>
        </div>
        <div class="about-contact-grid inner-style"><span class="about-contact-icon"><i class="fa-light fa-envelope-open-text"></i></span>
          <div class="about-contact-details"><span class="sec-text">Email Us Anytime</span>
            <p class="about-contact-details-text"><a href="mailto:{{ $general_setting->email }}">{{ $general_setting->email }}</a></p>
          </div>
        </div>
        <div class="about-contact-grid inner-style"><span class="about-contact-icon"><i class="fa-thin fa-map-location-dot"></i></span>
          <div class="about-contact-details"><span class="sec-text">Visit Our Office</span>
            <p class="about-contact-details-text"><a href="#">{{ $general_setting->address }}</a></p>
          </div>
        </div>
      </div>
    </div>
    <div class="contact-form-wrapp2">
      <div class="row">
        <div class="col-xl-7 order-1 order-xl-0">
          <div class="contact-formbox">
            <form action="{{ route('contact_us.submit') }}" method="POST" class="contact-form">
              <div class="row">
                <div class="col-sm-6 form-group">
                  <input type="text" class="form-control" name="name" id="name3" placeholder="Your Name *" required>
                  <img src="{{ URL::asset('frontend/assets/img/icon/user.svg')}}" alt="">
                </div>
                <div class="col-sm-6 form-group">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Email Address *" required>
                  <img src="{{ URL::asset('frontend/assets/img/icon/mail.svg')}}" alt="">
                </div>
                <div class="col-12 form-group">
                  <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject *" required>
                </div>
                <div class="form-group col-12">
                  <textarea name="message" id="message" cols="30" rows="3" class="form-control" placeholder="Your Message *" required></textarea>
                  <img src="{{ URL::asset('frontend/assets/img/icon/chat.svg')}}" alt="">
                </div>
                <div class="form-btn col-12">
                  <button type="submit" class="th-btn">Send <img src="{{ URL::asset('frontend/assets/img/icon/plane4.svg')}}" alt=""></button>
                </div>
              </div>
              <p class="form-messages mb-0 mt-3"></p>
            </form>
          </div>
        </div>
        <div class="col-xl-5 order-0 order-xl-1">
          <div class="contact-thumb"><img src="{{ URL::asset('frontend/assets/img/normal/contact-2-img.jpg')}}" alt=""></div>
        </div>
      </div>
    </div>
  </div>
</div>c<div class="">
  <div class="contact-map style2"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3644.7310056272386!2d89.2286059153658!3d24.00527418490799!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39fe9b97badc6151%3A0x30b048c9fb2129bc!2sAngfuztheme!5e0!3m2!1sen!2sbd!4v1651028958211!5m2!1sen!2sbd" allowfullscreen="" loading="lazy"></iframe></div>
</div>
@endsection

@section('custom_script')

@endsection