@extends('layouts.frontend')
@section('title', 'Adviser Centre: Income Protection Insurance')
@section('content')  
<section class="inner-content">
   <div class="clearfix"></div>
   <div class="container">
      <div class="col-md-12 padding-left-none">
         <div class="static-content">
            <div>
               <center>
               @if(Auth::check())
               @else
               <span class="left_col">
                  <h1 style="color:#333547;"><b>Log in to<br> your account</b></h1>
                  <p>
                  <center>If you have already registered with Best Insurance, <br>please log in to access your account.</center>
                  </p>  
                  <div style="padding:30px 20%" class="panel-body" >
                     <form class="form-horizontal" role="form" method="POST" action="user-login" id="user-login">
                        {!!csrf_field()!!}
                        <div style="margin-bottom: 25px" class="input-group ">
                           <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                           <input type="text" class="form-control" name="email" value="{{old('email')}}" placeholder="Enter your Email">
                        </div>
                        @if ($errors->has('email'))
                  <span class="help-block">
                     <strong>{{ $errors->first('email') }}</strong>
                  </span>
                  @endif
                        <div style="margin-bottom: 25px" class="input-group ">
                           <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
                           <input type="password" class="form-control" name="password" placeholder="Enter your password.">
                        </div>
                        @if ($errors->has('password'))
                  <span class="help-block">
                     <strong>{{ $errors->first('password') }}</strong>
                  </span>
                  @endif
                        <div class="input-group">
                           <div class="checkbox">
                              <label>
                              <input  type="checkbox" name="remember_me" value="1"> <span style="display: inline-block; margin-top: 2px;">Remember me</span>
                              </label>
                           </div>
                        </div>
                        <div style="margin-top:10px" class="form-group">
                           <!-- Button -->
                           <div class="col-sm-12 controls">
                              <button type="submit" class="btn btn-primary">
                              <i class="fa fa-btn fa-sign-in"></i> Login
                              </button>
                              <a class="btn btn-link" href="/forget-password" style="margin-top:15px;">Forgot Your Password?</a>
                           </div>
                        </div>
                        {{ csrf_field() }}
                     </form>
                  </div>
               </span>
               @endif
               <span class="right_col" style="display:inline-block">
                  <h1 style="color:#333547;"><b>Register with <br>Best Insurance</b></h1>
                  <p>
                  <center>Create a new account to submit your business,<br>and receive great added benefits.</center>
                  </p>
                  <a href="{{url('/registration-form')}}"  class="btnrig">Register today</a>
                  <p style="font-size:18px;color:#333547;text-align:center;padding-top:40px;font-weight:bold;">Why work with us?</p>
                  <ui>
                  <li>&#10004; Wide range of market leading products</li>
                  <li>&#10004; Best commission rates</li>
                  <li>&#10004; Dedicated and prompt support team</li>
                  <ui>
                  <p>
                  <center>For further information, email us at <a href="mailto:bestbrokersupport@bestinsurance.co.uk">bestbrokersupport@bestinsurance.co.uk</a><br> or call 0330 330 9465.</center>
                  </p>
               </span>
            </div>
         </div>
         <!-- /.static-content closed -->   
      </div>
   </div>
</section>
<div class="clearfix"></div>
@endsection
@section('pageBottomJs')
<script type="text/javascript">
   //jquery validation plugin
   $(document).ready(function(){
   
      $('#user-login').validate({
         rules: {
            email: {
               email: true,
               required: true
            },
            password: {
               required: true
            }
         },
         messages: {
            email: {
               required: "email required"
            },
            password: {
               required: "password required"
            }
         },
         highlight: function(element) {
            $(element).parent().addClass('has-error');
         },
         unhighlight: function(element) {
            $(element).parent().removeClass('has-error');
         },
         errorElement: 'span',
         errorClass: 'validation-error-message help-block form-helper bold',
         errorPlacement: function(error, element) {
            if (element.parent('.input-group').length) {
               error.insertAfter(element.parent());
            } else {
               error.insertAfter(element);
            }
         }
      });
   });
   
</script>  
@stop