@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">Request Demo Form</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="Business 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="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="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="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">
                        <input type="text" class="form-control" name="country" id="country" placeholder="Country *">
                        <span class="text-danger country_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">
    // $('header').addClass("no-menu");
   // $('.gmf-nav-secondary').css('display','none');
   $('.save-active').click(function(){
    $('span[class$=\'_e\']').text('');
    var data =$('.frm-contactus').serialize();
    axios.post('/request_demo',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