@extends('layouts.frontend.frontend-layout')

@section('content')

@foreach($banner as $page)

@php 


$banner    = $page->banner_image;
$page_name = $page->service_name;

@endphp

@endforeach

 <!-- Section: inner-header -->
 <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="http://bmp.litost.co.in/storage/app/public/uploads/banner/{{ $banner }}">
  <div class="container pt-120 pb-50">
    <!-- Section Content -->
    <div class="section-content pt-100">
      <div class="row"> 
        <div class="col-md-12">
          <h3 class="title text-white dis-hidden">{{ $page_name }}</h3>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Divider: Contact -->
<section class="divider layer-overlay overlay-white-9" data-bg-img="images/bg1.jpg">
  <div class="container">
    <div class="row pt-30">
      <div class="col-md-8">
	   @if ($message = Session::get('success'))
                <div class="alert alert-success">
                    <p>{{ $message }}</p>
                </div>
       @endif
	    <h3 class="mt-0 mb-30">Interested in discussing?</h3>
        <!-- Contact Form -->
        <form id="contact_form" name="contact_form" class="form-transparent" action="{{url('/contact-submit')}}" method="POST">
		@csrf
          <div class="row">
            <div class="col-sm-6">
              <div class="form-group">
                <label for="form_name">Name <small>*</small></label>
                <input id="form_name" name="form_name" class="form-control" type="text" placeholder="Enter Name" required>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="form_email">Email <small>*</small></label>
                <input id="form_email" name="form_email" class="form-control required email" type="email" placeholder="Enter Email" required>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-6">
              <div class="form-group">
                <label for="form_name">Subject <small>*</small></label>
                <input id="form_subject" name="form_subject" class="form-control required" type="text" placeholder="Enter Subject" required>
              </div>
            </div>
            <div class="col-sm-6">
              <div class="form-group">
                <label for="form_phone">Phone</label>
                <input id="form_phone" name="form_phone" class="form-control" type="text" placeholder="Enter Phone" required>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label for="form_name">Message</label>
            <textarea id="form_message" name="form_message" class="form-control required" rows="5" placeholder="Enter Message" required></textarea>
          </div>
		  
          <div class="form-group">
            <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="" />
            <button type="submit" class="btn btn-dark btn-theme-colored btn-flat mr-5" data-loading-text="Please wait...">Send your message</button>
            <button type="reset" class="btn btn-default btn-flat btn-theme-colored">Reset</button>
          </div>
        </form>
    
      </div>
      <div class="col-md-4">
        <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="icon-box left media bg-light p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-map-2 text-theme-colored"></i></a>
              <div class="media-body"> <strong class="">OUR OFFICE LOCATION</strong>
                <p>{{$contacts->office_location}}</p>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-12">
            <div class="icon-box left media bg-light p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-call text-theme-colored"></i></a>
              <div class="media-body"> <strong class="">OUR CONTACT NUMBER</strong>
                <p>{{$contacts->contact_number}}</p>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-12">
            <div class="icon-box left media bg-light p-30 mb-20"> <a class="media-left pull-left" href="#"> <i class="pe-7s-mail text-theme-colored"></i></a>
              <div class="media-body"> <strong class="">OUR CONTACT E-MAIL</strong>
                <p>{{$contacts->email}}</p>
              </div>
            </div>
          </div>
          
        </div>
      </div>
    </div>
  </div>
</section>
    
<section>
      <div class="container-fluid p-0">
        <div class="row">

          {!! $contacts->embed_map !!}

        </div>
      </div>
</section>   

@endsection