@extends('layouts.frontend')
@section('title', 'Cover page')
@section('content')  
<div class="clearfix"></div>
<section class="inner-content">
  <div class="clearfix"></div>
  <div class="container">
    <div class="form-block col-md-9 padding-left-none">
      <h2 class="product-title">{{ $product_details->product_name}}</h2>
      @if(Session::get('success'))
        <div class="alert alert-success">
          {{Session::get('success')}}
        </div>
      @endif
        @if(Session::get('failure'))
          <div class="alert alert-danger">
            {{Session::get('failure')}}
          </div>
      @endif
      <form name="underwritingForm" id="underwritingForm" action="{{url('webline-products/cover-post/'.$status)}}" method="post">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <div class="bg cover-questions">
          <div class="steps-tabs">
            <ul >
              <li >Personal Details <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
              <li class="active">Cover <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
              <li >Bank Details <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
              <li >Confirmation <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
            </ul>
          </div>
          {!! $questions_page !!}
          <div id="error_msg" >
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="5%" align="left" valign="middle">&nbsp;
                       
                </td>
                <td width="226" class="error_validate" align="left" valign="middle" style="color:red;font-weight:bold;"><span id="err_display"></span></td>
                <td width="288" align="left" valign="middle">&nbsp;</td>
              </tr>
            </table>
          </div>

          <br clear="all" />

        </div> <!-- bg cover-questions end -->

        <input type="hidden" id="hidden_product_id" name="hidden_product_id" value="{{ $personal_data->product_id }}">
        <input type="hidden" id="hidden_quote_id" name="hidden_quote_id" value="{{ $personal_data->quote_id }}">

        <div class="form-btns">
            <div class="medium-btn2 pull-left"><a href="{{ url('personal-details') }}/{{ $personal_data->quote_id }}/{{ $personal_data->product_id }}">Back</a></div>
            <button type="submit" class="medium-btn btn-default pull-right" >Continue</button>
        </div>
      </form>
    </div> <!-- Left side content -->
    
    <div class="col-md-3 padding-none right-col border-left-none">
      @include('slices.frontend.get-a-quot.web-api-pages.right_bottom')
      
    </div>

  </div>
</section>

<div class="clearfix"></div>
@endsection
@section('page-script')
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="{{ URL::asset('assets/js/get-a-quote/cover_page.js') }}"></script>
<!--  date picker -->
<script src="{{ URL::asset('assets/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
<link rel="stylesheet" type="text/css" href="{{URL::asset('assets/plugins/datepicker/datepicker3.css')}}">
<script src="{{URL::asset('assets/js/webline-products/theExeter.js')}}
"></script>

@stop