@extends('layouts.app')
@section('content') 

@include('includes.inner_page_title', ['page_title'=>__('contact-us.contact_us')])

<!--=================================
feature-info -->
<section class="space-ptb">
  <div class="container">
    <div class="row">
      <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
        <div class="feature-info feature-info-border p-4 text-center">
          <div class="feature-info-icon mb-3">
            <i class="flaticon-placeholder"></i>
          </div>
          <div class="feature-info-content">
            <h5 class="text-black">{{__('contact-us.address')}}</h5>
            <span class="d-block">{{settings('email')}}</span>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
        <div class="feature-info feature-info-border p-4 text-center">
          <div class="feature-info-icon mb-3">
            <i class="flaticon-contact fa-flip-horizontal"></i>
          </div>
          <div class="feature-info-content">
            <h5 class="text-black">{{__('contact-us.phone_number')}}</h5>
            <span class="d-block">{{settings('phone')}}</span>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 mb-4 mb-md-0">
        <div class="feature-info feature-info-border p-4 text-center">
          <div class="feature-info-icon mb-3">
            <i class="flaticon-approval"></i>
          </div>
          <div class="feature-info-content">
            <h5 class="text-black">{{__('contact-us.Email')}}</h5>
            <span class="d-block">{{settings('email')}}</span>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-6">
        <div class="feature-info feature-info-border p-4 text-center">
          <div class="feature-info-icon mb-3">
            <i class="flaticon-curriculum"></i>
          </div>
          <div class="feature-info-content">
            <h5 class="text-black">{{__('contact-us.Fax')}}</h5>
            <span class="d-block">(123) 345-6789</span>
            <span>(456) 478-2589</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
feature-info -->

<!--=================================
Let’s Get In Touch -->
<section class="space-ptb pt-0">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="section-title-02 text-center">
          <h2>{{__('contact-us.get_in_touch')}}</h2>
          <p>{{__('contact-us.we_have_completed_over_a_1000_projects')}}.</p>
        </div>
      </div>
    </div>
    @include('flash::message')
    <form method="post" action="{{ route('postContact')}}" name="contactform">
    {{ csrf_field() }}
      <div class="row">
        <div class="form-group col-md-6 mb-3">
          <input type="text" class="form-control" id="Username" name="full_name" placeholder="{{__('contact-us.enter_your_name')}}" required>
        </div>
        <div class="form-group col-md-6 mb-3">
          <input type="text" class="form-control" id="email" name="subject" placeholder="{{__('contact-us.subject')}}" required>
        </div>
        <div class="form-group col-md-6 mb-3">
          <input type="text" class="form-control" id="Password"  name="email" placeholder="{{__('contact-us.enter_your_email_address')}}" required>
        </div>
        <div class="form-group col-md-6 mb-3">
          <input type="text" class="form-control" id="phone" name="phone" placeholder="{{__('contact-us.enter_your_phone_number')}}" required>
        </div>
        <div class="form-group col-12 mb-0">
          <textarea rows="5" class="form-control" id="sector"name="message_txt"  placeholder="{{__('contact-us.message')}}" required></textarea>
        </div>
        <div class="form-group col-12 mb-0">
          <div class="g-recaptcha mt-2"  data-sitekey="{{ settings('recaptcha_v2_site_key') }}"></div>
        </div>
          @if ($errors->has('g-recaptcha-response'))
            <span id="frm-result" class="text-danger">{{ $errors->first('g-recaptcha-response') }}</span>
          @endif

        <div class="col-12 text-center mt-4">
          <button class="btn btn-primary" type="submit" id="submit">{{__('contact-us.send_your_message')}}</button>
        </div>
      </div>
    </form>
  </div>
</section>

<section class="space-ptb pt-0">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="d-flex mb-md-0 mb-4">
          <i class="font-xlll text-primary flaticon-hand-shake"></i>
          <div class="feature-info-content ps-4">
            <h5>{{__('contact-us.chat_to_us_online')}}</h5>
            <p class="mb-0">{{__('contact-us.chat_to_us_online_if_you_have_any_question')}}</p>
            <a class="mt-2 mb-0 d-block" href="#">{{__('contact-us.click_here_to_open_chat')}}</a>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="d-flex mb-md-0 mb-4">
          <i class="font-xlll text-primary flaticon-profiles"></i>
          <div class="feature-info-content ps-4">
            <h5>{{__('contact-us.call_us')}}</h5>
            <p class="mb-0">{{__('contact-us.our_support_agent_will')}}</p>
            <h5 class="mt-2 mb-0">(123) 345-6789</h5>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="d-flex">
          <i class="font-xlll text-primary flaticon-conversation-1"></i>
          <div class="feature-info-content ps-4">
            <h5>{{__('contact-us.read_our_latest_news')}}</h5>
            <p class="mb-0">{{__('contact-us.visit_our_blog_page')}}</p>
            <a class="mt-2 mb-0 d-block" href="#">{{__('contact-us.read_blog_post')}}</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--=================================
Let’s Get In Touch -->
<style>
.close {
    display:none!important;
}
</style>
@endsection