<html lang="en">
   <head>
      <style type="text/css">
         body {
         margin: 0px;
         color: #000;
         font-family:Arial, Helvetica, sans-serif;
         font-size:13px;
         padding:10px;
         }
         .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
         padding: 8px;
         line-height: 1; 
         vertical-align: top;
         border-top: 1px solid white; 
         }
         table {
         border-collapse: collapse;
         }
      </style>
   </head>
   <body style="font-family:;">
      <div class="container" style="color: #000; font-size:13px; font-family:Arial, Helvetica, sans-serif;">
         <table class="table" width="100%" style="font-size: 12px;">
            <tr >
               <td style="border-color:white;width: 350px ; height: 10px;text-align: left">
                   @if($product_details->id == Config::get('constant.STANDARD_INCOME'))
                     <div style="padding: 5px;font-size: 16px;background-color:#366092;color: white">
                        <b>PERSONAL ILLUSTRATION</b>
                     </div>

                  @elseif($product_details->id == Config::get('constant.SIMPLE_INCOME_INSURANCE_COVEA'))
                     <div style="padding: 5px;font-size: 16px;background-color:#0070c0;color: white">
                        <b>PERSONAL ILLUSTRATION</b>
                     </div>


                   @else
                     <div style="padding: 5px;font-size: 16px;background-color:#12a1a5;color: white">
                        <b>PERSONAL ILLUSTRATION</b>
                     </div>
                   @endif
                  
                  <br>

                  @if($product_details->id == Config::get('constant.BEST_INSURANCE_COVEA') || $product_details->id == Config::get('constant.BEST_INSURANCE_ULTRA_COVEA'))

                     <div style="padding: 5px;font-size: 16px;background-color: #f49542;color: white;">
                        <b>INCOME PROTECTION POLICY</b>
                     </div>
                 
                  @elseif($product_details->id == Config::get('constant.SIMPLE_INCOME_INSURANCE_COVEA'))

                     <div style="padding: 5px;font-size: 16px;background-color: #00b050;color: white;">
                        <b>INCOME PROTECTION POLICY</b>
                     </div>


                  @elseif($product_details->id == Config::get('constant.STANDARD_INCOME'))
                     <div style="padding: 5px;font-size: 16px;background-color: #FF0000;color: white;">
                        <b>{{$product_details->product_name}}</b>
                     </div>
                  @else
                     <div style="padding: 5px;font-size: 16px;background-color: #f49542;color: white;">
                        <b>{{$product_details->product_name}}</b>
                     </div>
                  @endif
                  
               </td>
               <td align="center" style="border-color:white">
                  <img src="{{public_path().'/assets/images/'.$product_details->trade_logo_link}}" width="180px" height="80px">  

               </td>
            </tr>
         </table>
         <div class="col-md-12">
            <div class="box box-solid">
               <!-- /.box-header -->
               <div class="box-body">
                  <table cellpadding="10" style="color: #000; font-size:13px; font-family:Arial, Helvetica, sans-serif;">
                     <tr>
                        <td colspan="3" height="10"></td>
                     </tr>
                     <tr>
                        <td style="color:#00a0af; width:80px; font-weight:bold;">Quote Date</td>
                        <td>:</td>
                        <td>{{date('d/m/Y')}}</td>
                     </tr>
                     <tr>
                        <td style="color:#00a0af; width:80px; font-weight:bold;">Prepared by</td>
                        <td>:</td>
                        <td>{{$affiliatename}}</td>
                     </tr>
                     <tr>
                        <td style="color:#00a0af; width:80px; font-weight:bold;">Name</td>
                        <td>:</td>
                        <td>{{$personal_data->title.' '.$personal_data->fname . ' '.$personal_data->lname }}</td>
                     </tr>
                     <tr>
                        <td style="color:#00a0af; width:80px; font-weight:bold;">Date of Birth</td>
                        <td>:</td>
                        <td>{{$personal_data->dob}}</td>
                     </tr>
                     <tr>
                        <td style="color:#00a0af; width:80px; font-weight:bold;">Address</td>
                        <td>:</td>
                        <td>{{$add}}</td>
                     </tr>
                     
                  </table>
                  <hr style="border:1px solid #f39c12">
               </div>
               <!-- /.box-body -->
            </div>
            <!-- /.box -->
         </div>
         <div class="col-md-12">
            <div class="box box-warning">
               <div style="text-align:center; padding: 20px;">
                  <h1 style="color:#00a0af; text-align: center; padding:0; margin:0; font-size:26px;">PERSONAL ILLUSTRATION</h1>
                  <strong style="text-align: center;">{{$product_details->pdf_underwritten_txt}}</strong>
               </div>
               <div class="box-body">
                  <div class="panel">
                     <div class="panel-heading"></div>
                     <div class="panel-body">
                        <table class="table" style=" text-align: center; font-size: 12px; width: 100%; margin:0 0 30px 0;">
                           <tr class="success">
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Cover Type</th>
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Monthly benefit</th>
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Excess Period</th>
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Policy Transfer</th>

                              @if($quote_details['cover_type'] != 'AS')
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Initial Exclusion Period</th>
                              @endif

                              <th style="border: 1px solid #f39c12;color: #30bbbb">Benefit Period</th>
                              <th style="border: 1px solid #f39c12;color: #30bbbb">Payment Option</th>
                           </tr>
                           <tr>
                              <td style="border: 1px solid #f39c12">{{$policy}} </td>
                              <td style="border: 1px solid #f39c12">£{{$personal_data->monthlybenefit}}</td>
                              <td style="border: 1px solid #f39c12"> {{$excess_period}}</td>
                              <td style="border: 1px solid #f39c12">{{$personal_data->transfer}}</td>
                              @if($quote_details['cover_type'] != 'AS')
                              <td style="border: 1px solid #f39c12">{{$product_details->inital_exclusion_period}}</td>
                              @endif
                              <td style="border: 1px solid #f39c12">{{$product_details->benifit_period}} Months </td>
                              <td  style="border: 1px solid #f39c12">{{'Monthly Direct Debit'}}</td>
                           </tr>
                        </table>
                     </div>
                  </div>
                  
                  <div class="col-md-8">
                     @if($personal_data->transfer == 'Yes')
                        <P ALIGN='left'>     Notes (Applicable when transferring your policy)</p>
                        <P ALIGN='left'>     *Initial Exclusion is waived on a like for like basis</p>
                        <P ALIGN='left'>     **Any increase to your existing benefit amount will be subject to a {{$product_details->inital_exclusion_period}} initial exclusion period</p>
                     @endif
                  </div>
                  <hr style="border:1px solid #f39c12">
                  <div class="col-md-12" >
                     <div class="col-md-9">
                        <div class="box box-solid">
                           <div class="box-body">
                              <div class="panel">
                                 <div class="panel-heading"></div>
                                 <div class="panel-body">
                                    <table align="center" style="width: 50%;color: #30bbbb;padding: 5px;font-size: 12px;border: 1px solid #f39c12; margin-top: 30px;" class="table" >
                                       <tr style="border: 1px solid #f39c12">
                                          <td style="border: 1px solid #f39c12;" >Annual Cost</td>
                                          <td style="border: 1px solid #f39c12; color:#000000;">&pound; {{$price*12}}</td>
                                       </tr>
                                       <tr>
                                          <td style="border: 1px solid #f39c12">Monthly Cost </td>
                                          <td style="border: 1px solid #f39c12; color:#000000;">&pound; {{$price}}</td>
                                       </tr>
                                       <tr>
                                          <td style="border: 1px solid #f39c12">Quote Valid Until</td>
                                          <td style="border: 1px solid #f39c12; color:#000000;">{{date('d/m/Y', strtotime("+30 days"))}}</td>
                                       </tr>
                                    </table>
                                    <br>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-md-12">
               <p align="center" style="padding-bottom: 30px;">
                  This personal illustration should be read in conjunction with the Key Features & Policy Wordings. The Key Features summarises the cover provided by this policy and the significant or unusual exclusions that apply.
               </p>
            </div>
            <div class="col-md-12">
               <div class="box box-warning">
                  <div class="box-body">
                  <br><br><br><br><br><br><br><br>
                   @if($product_details->id != Config::get('constant.APRIL_UK_SHORTERM_INCOME_PROTECTION'))
                     <div class="col-md-12" style="color:  #d2d6dc;padding: 5px;font-size: 12px">
                        {{$product_details->product_name.' '.$message}}
                  @endif
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      </div>
   </body>
</html>

