@extends('layouts.frontend')
@section('title', 'Best Insurance - Contact Us')
@section('content')  
<section class="inner-content">
    <div class="clearfix"></div>
    <div class="container">
      
      
      <div class="row">
        <div class="col-md-12">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.595479461588!2d-0.17845784853755714!3d50.83865636709672!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4875854129fbe267%3A0xd9617acb10612592!2sBest+Insurance+Limited!5e0!3m2!1sen!2sin!4v1470238424333" width="100%" height="250" frameborder="0" style="border:0; margin-bottom:20px" allowfullscreen></iframe>
        </div>
      </div>

     
      <div class="col-md-8 padding-left-none">
        <div class="static-content">
        
          <p>You can contact us in any of the following ways:</p>

          <p><strong class="blue"> 
            Call us: </strong> 0330 330 9465, Mon &ndash; Fri: 9:00 am to 6:00 pm.
          </p>

          <!-- <table width="100%" cellpadding="0" cellspacing="0">
            <tr>
              <td width="27%" valign="bottom">
                <p>  <strong class="blue"> We can call you back : </strong> </p>
              </td>
              <td width="73%">
                  
              </td>
            </tr>
          </table>  -->

          <p> <strong class="blue"> Email us :  </strong> info@bestinsurance.co.uk</p>
          <p> <strong class="blue"> Write to us: </strong> Best Insurance, Gemini Business Centre, 136-140, Old Shoreham Road, Hove BN3 7BD, United Kingdom</p>
          
          <div class="border-bottom-none get-quote">
            <h2>Have a question?</h2>
            <p>Send us a message!</p>
            
           @if(Session::get('success'))
            <div class="alert alert-success alert-dismissable fade in">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              {{Session::get('success')}}
            </div>
          @endif
          @if(Session::get('failure'))
            <div class="alert alert-danger alert-dismissable fade in">
            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              {{Session::get('failure')}}
            </div>
          @endif
            <form name="frmContactUs" id="frmContactUs" method="post" class="form-horizontal" role="form" action="{{url('contact-action')}}">
              {!! csrf_field() !!}
              <div class="col-md-6 col-xs-12">
                <div class="form-group {{ $errors->has('name') ? ' has-error' : '' }}">
                   <label class="control-label">Your name<span class="red">*</span></label>
                   <input type="text" id="name" class="form-control required" name="name" maxlength="75" value="{{ old('name') }}">
                   @if ($errors->has('name'))
                    <span class="help-block">
                      <strong>{{ $errors->first('name') }}</strong>
                    </span>
                  @endif
                </div>
                <div class="form-group {{ $errors->has('email') ? ' has-error' : '' }}">
                   <label class="control-label">Your Email<span class="red">*</span></label>
                   <input  name="email" id="email" type="text" class="form-control" value="{{ old('email') }}"/>
                   @if ($errors->has('email'))
                    <span class="help-block">
                      <strong>{{ $errors->first('email') }}</strong>
                    </span>
                  @endif
                </div>
                <div class="form-group {{ $errors->has('mobile') ? ' has-error' : '' }}">
                   <label class="control-label">Your Number<span class="red">*</span></label>
                   <input  name="mobile" id="mobile" type="text" class="form-control" value="{{old('mobile')}}"/>
                  @if ($errors->has('mobile'))
                    <span class="help-block">
                      <strong>{{ $errors->first('mobile') }}</strong>
                    </span>
                  @endif
                </div>
                <div class="form-group {{ $errors->has('subject') ? ' has-error' : '' }}">
                   <label class="control-label">Subject<span class="red">*</span></label>
                   <input  name="subject" id="subject" type="text" class="form-control" value="{{old('subject')}}" />
                   @if ($errors->has('subject'))
                    <span class="help-block">
                      <strong>{{ $errors->first('subject') }}</strong>
                    </span>
                  @endif
                </div>
                 <div class="form-group {{ $errors->has('message') ? ' has-error' : '' }}">
                   <label class="control-label">Message<span class="red">*</span></label>
                   <textarea rows="3" class="form-control" name="message" id="message" maxlength="500" >{{old('subject')}}</textarea>
                   @if ($errors->has('message'))
                    <span class="help-block">
                      <strong>{{ $errors->first('message') }}</strong>
                    </span>
                  @endif
                </div>
             
                <div class="form-btns">
                 <button id="btnSubmit" name="btnSubmit" class="btn btn-default btn-Smnew" type="submit">Submit</button>
                </div>


                <div id="contactStatus"></div>

              </div>
            </form>

          </div>

        </div><!-- /.static-content closed -->   
      </div>
    
     <div class="col-md-4 padding-none right-col">
      <div class="col-md-12 news">
          @include('slices.frontend.latest_news')
      </div>
      <div class="col-md-12 downloads">
          
          @include('slices.frontend.useful_downloads')
      </div>
      <div class="col-md-12 other-info">

          @include('slices.frontend.other-information-links')
      </div>

      </div>
    </div>

</section>
<div class="clearfix"></div>
@endsection
@section('pageBottomJs')

 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.js"></script>
 <style type="text/css">
 /* For Flash message */
   .alert-dismissable .close, .alert-dismissible .close {
    right: 0;
    }
 </style>
<script type="text/javascript">
$(document).ready(function() {
  $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    })

  $("#frmContactUs11").validate({
    rules: {
      txtName:{ required:true},
      txtEmail:{ required:true, email:true},
      txtMobile:{ required:true},
      txtSubject:{ required:true},
      txtMessage:{ required:true},
      // captcha:{ required:true}
    },
    messages: {
      txtName:'Please enter your name',
      txtEmail:'Please enter your email',
      txtMobile:'Please enter your number',
      txtSubject:'Please enter subject',
      txtMessage:'Please enter message',
      // captcha:'Please enter the code',
    },
    submitHandler:function(form)
    {
      return true;
       /* $.ajax({
          type: "POST",
          url: "/contact-action",
          data: $(form).serialize(),
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          dataType: 'json', 
          success: function(data){


            if(data.data == 'true'){
              $("#contactStatus").html('<p class="alert-success">Thank you, we will get back to you soon!</p>');
              // $("#frmContactUs").trigger("reset");
            }else if(data.data == 'false'){
                $("#contactStatus").html('<p class="alert-danger">Sorry, unable to submit please try again later.</p>');
            }
            else{

                $("#capchaErr").html('');
            }
            console.log(data);
          },
          error: function(data) {
              alert("Invalid data");
          }
        });
        return false;*/
    }   
  });   
});
</script>
@stop