@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->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
      @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('bank-details-confirmation')}}" onsubmit="return enableLoadingImage()"> 
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <div class="bg">
          <div class="steps-tabs">
            <ul >
              
              <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="">
          <div class="form-group ">
          <div class="col-md-12 para_s">
            <p style="font-size: 16px; margin-bottom: 25px;">Finally, please confirm that you are happy to set up your policy with the following details:</p></div>
            <ul class="details___">
            <li>
            <div class="col-md-8 lead-padding bold__">Title and Full Name:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->title}} {{$personal_data->full_name}}</div>
            </li>
            <li>
            <div class="col-md-8 lead-padding bold__">Name(s) of Account Holder(s):</div>
            <div class="col-md-4 lead-padding">{{$personal_data->accountname}}</div>
            </li>
            <li>
            <div class="col-md-8 lead-padding bold__">Account Number:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->accountname2}}</div>
            </li><li>
            <div class="col-md-8 lead-padding bold__">Branch Sortcode:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->sortcode}}</div>
            </li><li>
            <div class="col-md-8 lead-padding bold__">Direct Debit Amount:</div>
            <div class="col-md-4 lead-padding">&pound; {{number_format($monthly_cost, 2, '.', '')}}</div>
            </li>
           
            <div class="clearfix"></div>
            @if($personal_data->product_id == Config::get('constant.SHEPHERDS_FRIENDLY_LONGTERM') || $personal_data->product_id == Config::get('constant.SHEPHERDS_FRIENDLY_SHORTERM'))

            @else
            <li>
            <div class="col-md-8 lead-padding bold__">Date of collection:</div>
            <div class="col-md-4 lead-padding">{{$personal_data->preferreddate}}</div>
                </li>
            @endif
            </ul>
           
           
           
            <div class="col-md-12">

              
                 @if($product_details->id=="139" || $product_details->id=="140" || $product_details->id=="144" || $product_details->id=="151")
                  <p class="mt-3">I confirm the above details are correct. The monthly direct debits will form part of a credit agreement with Best Insurance and Creation Premium Finance. I also acknowledge that as part of the policy set up, Best Insurance and Creation Premium Finance will carry out searches at credit reference agencies and details of such searches will be added to the credit reference agencies records about me and may be seen by other organisations making searches.</p>
                    @else

                      <p class="mt-3">I confirm the above details are correct. The monthly direct debits will form part of a credit agreement with
                       Best Insurance and Associated Premium Funding. I also acknowledge that as part of the policy set up, Best Insurance and Associated Premium Funding will carry out searches at credit reference agencies and details of such searches will be added to the credit reference
                        agencies records about me and may be seen by other organisations making searches.</p>

                    @endif
                 
                  <div class="row my-4">
                    <div class="col-md-6">
                      <div class=" p-2" style="margin-bottom:15px;margin-top:15px;">
  
                          <div class="form-check">
                              <label class="form-checkbox">
                                <input type="checkbox" name="check" 
                                class="checkmark compare-check confirm-check" 
                                formControlName="is_i_confirm" [checked]="icconfirmed">
                                <span class="checkmark label-text"></span>
                                <label class="text-label">I confirm</label>
                              </label>
                            </div>
  
                            <!-- this.notificationForm.get('is_i_confirm').invalid && is_set_up_policy_clicked -->
                        <!-- <div class="ss-error">
                          <span>Please confirm</span>
                        </div> -->
                        <input type="hidden" formControlName="product_id" >
                        <input type="hidden" formControlName="quoteid" value="">
                      </div>
                    </div>
                  </div>
                  <p>
                    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. <br> <br> <br>
      
            </p>
            <p>  I agree to Best Insurance keeping me informed by:</p>
                  <!-- !is_notification_checked && is_set_up_policy_clicked -->
                  <!-- <div class="ss-error">
                    <span>Please select atleast one notification alert</span>
                  </div> -->
                  <div class="conformcheckouts">
                  <div class="row mt-4">
                    <div class="col-md-6 "> 
                      <div class="">
                          <div class="form-check">
                              <label class="form-checkbox">
             <input type="checkbox"   name="communication_email" id="communication_email" value="Email" class="checkmark compare-check marketing_options" 
                                 [checked]="eisc">
                                <span class="checkmark label-text"></span>
                                <label class="text-label" for="communication_email">Email</label>
                              </label>
                            </div>
                      </div>
                    </div>
                  </div>
                  <div class="row mt-2">
                    <div class="col-md-6"> 
                      <div class="">
                          <div class="form-check">
                              <label class="form-checkbox">
                                <input type="checkbox" name="communication_message" id="communication_message"
                                value="Sms" class="checkmark compare-check marketing_options" 
                                formControlName="communication_message" [checked]="sisc">
                                <span class="checkmark label-text"></span>
                                <label class="text-label" for="communication_message">SMS</label>
                              </label>
                            </div>
                      </div>
                    </div>
                  </div>
                  <div class="row mt-2">
                    <div class="col-md-6">
                      
                      <div class="">
                          <div class="form-check">
                              <label class="form-checkbox">
                                <input type="checkbox" name="communication_phone" id="communication_phone" 
                                value="Phone" class="checkmark compare-check marketing_options" >
                                <span class="checkmark label-text"></span>
                                <label class="text-label" for="communication_phone">Phone</label>
                              </label>
                            </div>
                      </div>
                    </div>
                  </div>
                  <div class="row mt-2">
                    <div class="col-md-6">
                      
                      <div class="">
                          <div class="form-check">
                              <label class="form-checkbox">
                                <input type="checkbox"  name="communication_post" id="communication_post" value="Post" class="checkmark compare-check marketing_options" 
                                formControlName="communication_post" [checked]="ppisc">
                                <span class="checkmark label-text"></span>
                                <label class="text-label" for="communication_post">Post</label>
                              </label>
                            </div>
                      </div>
                    </div>
                  </div>
                  <div class="row mt-2">
                    <div class="col-md-6">
                      
                      <div class="">
                          <div class="form-check">
                              <label class="form-checkbox">
                                <input type="checkbox" name="communication_none" id="communication_none" value="None" 
                                class="checkmark compare-check marketing_options" 
                                formControlName="communication_none"[checked]="nisc">
                                <span class="checkmark label-text"></span>
                                <label class="text-label" for="communication_none">None of these</label>
                              </label>
                            </div>
                      </div>
                    </div>
                  </div>
                </div>
                  </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>

          

        </div> <!-- bg cover-questions end -->
        <!-- redirection section -->
        <div class="form-btns">
          <div class="medium-btn2 pull-left">
                  <a href="{{ url('bank-details') }}/{{ encryptUrl($personal_data->quote_id) }}">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('bank-details-print')}}/{{$personal_data->quote_id}}"  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>
 

    <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->product_name}} </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>
                <br>
                <span style='font-size:12px;color:##666'>incl. IPT (Insurance Premium Tax)</span>
                <span class="cost">&pound{{ ($monthly_cost == '' ? "":number_format($monthly_cost, 2)) }}</span>
            </li> 
        </ul>
      </div>
      @include('slices.frontend.get-a-quot.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;
  }

  //alert($('.confirm-check:checkbox:checked').length);
   if($('.confirm-check:checkbox:checked').length == 0){
   alert("Please confirm to continue");

    return false;
}


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


<script type="text/javascript">
  
function validation()
{

  /*var marketing_option=$('#marketing_option').val();

  if(marketing_option=="")
  {
    alert("Please choose the Maketing communication option to continue");

    return false;
  }*/


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

    return false;
}



}

</script>

@stop