@extends('layouts.frontend')
@section('title', 'Bank Details confirmation')
@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->ProductName}}</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
      @if (count($errors) > 0)
        <div class="alert alert-danger">
          <strong>Whoops!</strong> All field are required..<br><br>
            <ul>
              @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
              @endforeach
            </ul>
        </div>
      @endif
      <form name="frmbankdetails" id="frmbankdetails" method="post" action="{{url('webline-products/bank-details-confirmation/'.encryptUrl($quote_id).'/'.$status)}}" onsubmit="return enableLoadingImage()">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <div class="bg">
          <div class="steps-tabs">
            <ul >
              <li >Personal Details <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
              <li>Cover <i class="fa fa-chevron-right" aria-hidden="true"></i></li>
              <li class="active">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>
          <div class="fornRow black">
            <!-- <p class="text-05 blue"><strong>Bank Details</strong></p> -->


          </div> <!-- end fornRow black -->
          <div class="fornRow container">
          <div class="form-group col-md-12">
            <div class="col-md-5 lead-padding">1. Name(s) of account holder(s):</div>
            <div class="col-md-4 lead-padding">{{$personal_data->accountname}}</div>
            <div class="clearfix"></div>
            <div class="col-md-5 lead-padding">2. Bank or Building Society account Number:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->accountnumber}}</div>
            <div class="clearfix"></div>
            <div class="col-md-5 lead-padding">3. Branch sort Code:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->sortcode}}</div>
            <div class="clearfix"></div>
            <div class="col-md-5 lead-padding">4. Amount to be debited from Bank Account:</div>
            <div class="col-md-4 lead-padding">&pound; {{number_format($monthly_cost, 2, '.', '')}}</div>
            <div class="clearfix"></div>
            <!-- <div class="col-md-5 lead-padding"><strong class="blue">5. Date each month for collection:</strong></div>
            <div class="col-md-4 lead-padding">{{$personal_data->preferreddate}}</div>
            <div class="clearfix"></div> -->
            <p>The Company name which will appear on your bank statement against the Direct Debit will be Best Insurance. </p>

          </div>

            <table width="100%" border="0" cellspacing="3" cellpadding="5">
                <!-- <tr>
                    <td width="50%" align="left" valign="middle" class="blue"><strong>1. Name(s) of account holder(s):</strong></td>
                    <td>{{$personal_data->accountname}}

                </tr>

                <tr>
                    <td width="50%" align="left" valign="middle" class="blue"><strong>2. Bank or Building Society account Number:</strong></td>
                    <td>{{$personal_data->accountnumber}}</td>
                </tr>
                <tr>
                    <td width="50%" align="left" valign="middle" class="blue"><strong>3. Branch sort Code:</strong></td>
                    <td>{{$personal_data->sortcode}}</td>
                </tr>
                <tr>
                    <td width="50%" align="left" valign="middle" class="blue"><strong>4. Amount to be debited from Bank Account:</strong></td>
                    <td>&pound; {{number_format($monthly_cost, 2, '.', '')}}</td>
                </tr>
                <tr>
                    <td width="50%" align="left" valign="middle" class="blue">
                        <strong>5. Date each month for collection:</strong>
                    </td>
                    <td>{{$personal_data->preferreddate}}
                    </td>
                </tr>
                <tr>
                    <td colspan="2" width="15%" align="left" valign="middle" class="blue">
                        <p align="justify">The Company name which will appear on your bank statement against the Direct Debit will be Best Insurance.

                                      
                        </p>
                    </td>
                </tr> -->

                <!-- <tr>
                    <td colspan="4" align="left" valign="middle" class="blue">

                    <label for="accountname" generated="true" class="error" style="display:none"></label> &nbsp;&nbsp;
                    <label for="sortcode" generated="true" class="error" style="display:none"></label> &nbsp;&nbsp;
                    <label for="accountnumber" generated="true" class="error" style="display:none"></label>

                    </td>
                </tr> -->
            </table>


               <div class="text">
                    Best Insurance would love to keep you up to date with the most relevant facts, information and product offerings we have, and that are available within the market place now or in the future. We often run promotions, special offers and discounts including refer a friend vouchers, loyalty bonus’s and schemes that we would like to share with you. We do not give your data to any other third-party advertisers, all our promotions are relevant to Best Insurance, our products or our services.

                </div>



                   <div class="text"">
                         I agree to Best Insurance keeping me informed by:
                    </div>

                        <div class="clearfix"></div>


                        <div class="col-md-4" style="padding-left:50px !important;">

                            <input class="marketing_options" type="checkbox" name="communication_email" id="communication_email" value="Email">  Email
                             <div class="clearfix"></div>

                            <input class="marketing_options" type="checkbox" name="communication_phone" id="communication_phone" value="Phone">  Phone
                             <div class="clearfix"></div>
                            <input class="marketing_options" type="checkbox" name="communication_message" id="communication_message" value="Text message">  Text Message
                             <div class="clearfix"></div>
                            <input class="marketing_options" type="checkbox" name="communication_post" id="communication_post" value="Post">  Post

                             <div class="clearfix"></div>
                            <input class="marketing_options" type="checkbox" name="communication_none" id="communication_none" value="None">  None


                            <!-- <select name="marketing_option" id="marketing_option" class="form-control">
                                <option value="">Choose Option</option>
                                <option value="Email">Email</option>
                                <option value="Phone">Phone</option>
                                <option value="Text Message">Text Message</option>
                                <option value="Post">Post</option>
                            </select> -->

                        </div>



          </div>

        </div> <!-- bg cover-questions end -->
        <!-- redirection section -->
        <div class="form-btns">
          <div class="medium-btn2 pull-left">
                  <a href="{{ url('webline-products/bank-details') }}/{{ encryptUrl($personal_data->quote_id) }}/{{$status}}">Back</a>
          </div>


          <div class="medium-btn2 pull-right margin-left-5">
             <button type="submit" class="medium-btn btn-default pull-right" >Submit Application</button>
          </div>

           <div class="medium-btn2 pull-right">
                  <a href="{{url('webline-products/bank-details-print')}}/{{$personal_data->quote_id}}/{{$status}}"  onclick="NewWindow(this.href,'name','800','800','yes');return false">Print Direct</a>
           </div>
        </div>
        <!--end redirection section -->

        <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 }}">


      </form>
      <br clear="all" />
    </div> <!-- Left side content -->

    <div class="col-md-3 padding-none right-col border-left-none">
    <div class="col-md-12 block">
        <h2>Your Quote</h2>

        <ul>
            <li>
                <label>Product Name:</label>
                <span>{{ $product_details->ProductName}} </span>
            </li>
            <li>
                <label>Insurer:</label>
                <span>{{ $insurer}} </span>
            </li>
            <li>
                <label>Cover Type:</label>
                <span>{{ $cover_type }} </span>
            </li>

            <li>
                <label>Excess period:</label>
                <span>
                    @if($quote_details['excess_period'] == '1')
                        Back to day 1
                    @else
                        {{ $quote_details['excess_period'] }} Day(s)
                    @endif
                </span>
            </li>
            <li>
                <label>Benefit Period:</label>
                <span> {{ $product_details->benifit_period }} Months</span>
            </li>
            <li>
                <label>Your monthly benefit:</label>
                <span>&pound {{ $quote_details['monthly_benifit_amount']}}</span>
            </li>
            <li>
                <label>Your monthly cost:</label>
                <span class="cost">&pound{{ ($monthly_cost == '' ? "":number_format($monthly_cost, 2)) }}</span>
            </li>
        </ul>
      </div>
      @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="https://code.jquery.com/jquery-2.0.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script type="text/javascript">
	var win = null;
    function NewWindow(mypage,myname,w,h,scroll)
    {
	    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
	    TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
	    settings =
	    'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
	    win = window.open(mypage,myname,settings);
	}
  function enableLoadingImage()
  {

    if($('.marketing_options:checkbox:checked').length == 0){
      alert("Please choose the Maketing communication option to continue");

     return false;
   }

    $(".loader").show();
    return true;
  }
</script>

@stop