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

<section class="gray-bg contactus-page">
   <div class="container">
      <div class="row contactus-banner">
            <div class="col-8 banner-item">
                <h1 class="sub-head green-text">Contact Us</h1>
                <h2>Get in touch for any further questions.</h2>
            </div>
            <div class="col-4 banner-item item-img">
                <img src="{{ asset('images/contactus.png')}}" class="img-fluid" alt="contactus">
            </div>
      </div>
   </div>
</section>  
<section class="contacus-form-sec">
   <div class="container">
      <div class="row">
         <div class="col-12">
            <form class="frm-contactus">
                <input type="hidden" name="source" value="{{isset($_GET['source']) ? $_GET['source'] : 'General Contact'}}">
                <div class="form-row">
                    <div class="form-group col-12">
                        <input type="text" class="form-control" name="first_name" id="first_name" placeholder="First Name *">
                        <span class="text-danger first_name_e"></span>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-12">
                        <input type="text" class="form-control" name="last_name" id="last_name" placeholder="Last Name *">
                        <span class="text-danger last_name_e"></span>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-12">
                        <input type="email" class="form-control" name="email_id" id="email_id" placeholder="Email ID *">
                        <span class="text-danger email_id_e"></span>
                    </div>
                </div> 
                <!-- <div class="form-row">
                    <div class="form-group col-12">
                        <input type="text" class="form-control" name="company_name" id="company_name" placeholder="Company Name *">
                        <span class="text-danger company_name_e"></span>
                    </div>
                </div> 
                <div class="form-row">
                    <div class="form-group col-12">
                        <input type="text" class="form-control" name="designation" id="designation" placeholder="Designation *">
                        <span class="text-danger designation_e"></span>
                    </div>
                </div>  -->
                <div class="form-row">
                    <div class="form-group col-12">
                        <input type="text" class="form-control" name="mobile_no" id="mobile_no" placeholder="Mobile Number *">
                        <span class="text-danger mobile_no_e"></span>
                    </div>
                </div>  
                <!-- <div class="form-row">
                    <div class="form-group col-12">
                        @php
									$city_selection = '';
									@endphp
                        @include('common.cities_drop_down')
                            <span class="text-danger city_e"></span>
                    </div>
                </div> -->
                <div class="form-row">
                    <div class="form-group col-12">
                        <textarea class="form-control" id="msg" name="message" rows="3" placeholder="Enter Your Message *"></textarea>
                        <span class="text-danger message_e"></span>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group col-12 submit-sec">
                        <button type="submit" class="btn btn-primary gmf-btn-primary profile-edit-submit save-active">Submit</button>
                    </div>
                </div>
                <h3 class="res_success" style="display:none"></h3>
            </form>
         </div>
      </div>
   </div>
</section>
@stop
@push('style')
<link rel="stylesheet" href="{{ asset('/css/static_pages.css')}}">
@endpush
@push('script')
<script type="text/javascript">
    $(function(){
		$(".gmf-nav-secondary .nav-item").removeClass('active')
        $(".gmf-nav-secondary .nav-item.contactus").addClass('active')
	})
   $('.save-active').click(function(){
    $('span[class$=\'_e\']').text('');
    var data =$('.frm-contactus').serialize();
    axios.post('/contact_us',data)
    .then(response => {
        if(response.status==200){
            // window.location.href=response.data.next;
            $(".res_success").css('display', 'block');
            $('.res_success').html(response.data.message);
            setTimeout(function(){
                // window.location.href='/contact_us'
                $('.frm-contactus')[0].reset();
                $(".res_success").css('display', 'none');
            },5000);
        }
        
    })
    .catch(error => {
        let status=error.response.status;
        if(status==422){
            let err_data=error.response.data.errors;
                $.each(err_data, function(key, val){
                    $('.'+key+'_e').html(val[0]);
                });
                
        }
    });
    return false;
   });
</script>
@endpush