@extends('frontend.layouts.app')

@section('content')


    <!-- Banner Section Start -->
    <div class="inner-banner-section" style="background-image:url({{asset('frontend/image/banner.jpg')}});">
      <div class="inner-banner-content">
      <div class="page-name">
        <p>Contact Us</p>
      </div>
      <div class="breadcrumb">
        <ul>
          <li><a href="{{route('home.index')}}">Home</a></li>
          <li><a href="{{route('home.contact-us')}}" class="active">Contact Us</a></li>
        </ul>
      </div>
    </div>
    </div>
    <!-- Banner Section End -->



  <!-- Contact Page Input Section Start -->
  <div class="contact-page-input">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
        @php $setting = sitesSettings(); @endphp
          <div class="contact-input-left">
            <h2>{{$setting->title ?? ''}}</h2>
            <p>{{$setting->description ?? ''}}</p>
            <div class="email">
              <p><i class="fas fa-envelope"></i> {{$setting->email ?? ''}}</p>
              <a class="item-link" href="mailto:{{$setting->email ?? ''}}"></a>
            </div>
            <!-- <div class="number">
              <p><i class="fas fa-mobile-alt"></i> (000) 000-0000 | (000) 000-0000</p>
              <a class="item-link" href="tel:0000000000 "></a>
            </div> -->
            <div class="address">
              <p><i class="fas fa-home"></i>  {{$setting->address ?? ''}}</p>
              <a class="item-link" href="https://www.google.com/maps/place/{{str_replace(' ','+',$setting->address ?? '')}}/" target="_blank"></a>
            </div>
          </div>
        </div>
        <div class="col-md-8">
          @include('layouts.message')
          <form class="contact-input-right" action="{{route('save.contact')}}" method="post" name="frm" id="frm" onSubmit="return validate(this)">
          	@csrf()
            <div class="form-row">
              <div class="form-group col-md-6">
                <label for="fname">First Name <span>*</span></label>
                <input id="fname" type="text" name="first_name" value="" class="form-control" placeholder="First Name" required="required" data-error="Name is required.">
              </div>
              <div class="form-group col-md-6">
                <label for="lname">Last Name <span>*</span></label>
                <input id="lname" type="text" name="last_name" value="" class="form-control" placeholder="Last Name" required="required" data-error="Name is required.">
              </div>
            </div>
            <div class="form-row">
              <div class="form-group col-md-6">
                <label for="form_phone">Phone Number <span>*</span></label>
                <input id="form_phone" type="tel" name="phone_number" class="form-control" placeholder="XXX-XXX-XXXX">
              </div>
              <div class="form-group col-md-6">
                <label for="form_email">Email <span>*</span></label>
                <input id="form_email" type="text" name="email" value="" class="form-control" placeholder="xxxxx@xxx.com" required="required" data-error="Email is required.">
              </div>
            </div>
            <div class="form-group">
              <label for="form_message">Description <span>*</span></label>
              <textarea id="form_message" name="description" class="form-control" required placeholder="Add some details." rows="4"></textarea>
            </div>
           
            <div class="frm-btn">
              <input type="submit" class="btn btn-dark" value="Send"/>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!-- Contact Page Input Section End -->

  <!-- Contact Page Map Start -->
  <div class="contact-map">
    <div class="container">
      <div class="row">
        {!!$setting->google_map_iframe ?? ''!!}
      </div>
    </div>
  </div>
  <!-- Contact Page Map End -->

@endsection