@extends('layouts.frontend')
@section('title', 'Product List')
@section('content')  
<section class="inner-content">
    <div class="clearfix"></div>
    <div class="container">
        <div class="get-quote">
            @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
            <div class="clearfix"></div>
            
              <div class="clearfix"></div>
              <div class="container">
               <form name="search_form" id="search_form" method="post" onsubmit="javascript: return searchFrmVal();" action="javascript:void(0)">
                  <input type="hidden" id="quote_id" name="quote_id" value="{{ $quote_id }}" />
                  <input type="hidden" name="search" value="search" />
                        
                  <div class="quote-links pull-right">
                    <a href="#?w=614" rel="callback_popup"  class="poplight biclick"><span><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>
 Call Back</span></a>
                  </div>
                  <div class="clearfix"></div>
                  <div class="filter-results">
                    <h2>Filter Your Results</h2>
                    <div class="bg">
                      <div class="block">
                        <!-- <label class="control-label col-sm-4" >Cover Type</label> -->
                        <div class="col-md-4 radio-line">
                          <div class="radio">
                            <input type="radio" name="cover_type" id="cover_type_1" value="" checked />
                            <label for="cover_type_1"> Show All </label>
                          </div>
                          <div class="radio">
                            <input type="radio" name="cover_type" id="cover_type_2" value="ASU"   />
                            <label for="cover_type_2"> Accident, Sickness & Unemployment </label>
                          </div>
                          <div class="radio">
                            <input  type="radio" name="cover_type" id="cover_type_3" value="AS"   />
                            <label for="cover_type_3"> Accident & Sickness only </label>
                          </div>
                          <div class="radio">
                            <input type="radio" name="cover_type" id="cover_type_4" value="U"   />                           
                            <label for="cover_type_4"> Unemployment only </label>
                          </div>
                        </div>
                        <div class="col-md-8 search-types">
                          <div class="form-group col-md-3">
                            <label>Excess Period:</label>
                            <select id="excess_period" name="excess_period" class="form-control">
                              <option value="" selected>All</option>
                              <option value="1" >Back to day 1</option>
                              <option value="30" >30 days</option>
                              <option value="60" >60 days</option>
                            </select>
                          </div>
                          <div class="form-group col-md-3">
                            <label>Benefit Period:</label>
                            <select id="benifit_period" name="benifit_period" class="form-control">
                              <option value="" selected>All</option>
                              <option value="12" >12 months</option>
                              <option value="18" >18 months</option>
                            </select>  
                          </div>
                          <div class="form-group col-md-3">
                            <label>Benefit Amount:</label>
                            <input type="text" name="benifit_amount" id="benifit_amount" value="" placeholder="Monthly Benifit Amount" class="form-control" />
                            <span id="benifit_amount_err" class="error"></span>
                          </div>
                                    
                          <button type="submit" class="btn btn-default" id="search" name="searchbtn">Search</button>

                        </div>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                  </div>
                </form>
                <div class="clearfix"></div>
                <div class="search-results">
                  <div class="clearfix"></div>
                    <div class="col-md-12 padding-left-none padding-right-none table-grid">
                      <div class="table-responsive">
                        <table id="productslist" class="table table-striped" cellspacing="10" cellspacing="10">
                          <thead>
                            <tr>
                              <!--   <th>Product Id</th> -->
                              <th>Cover</th>
                              <th>Insurer</th>
                              <th>Product</th>
                              <th>Excess Days</th>
                              <th>Initial Exclusion Period</th>
                              <th>Benefit Period</th>
                              <th>Special Benefits</th>
                              <th>Monthly Premium</th>
                               <th>Rates</th>
                              <th class="empty"></th>
                            </tr>
                          </thead>
                          <tbody>
                          @if($products_list)
                            @foreach ($products_list as $product)
                              <tr>
                                <td>{{$product['cover_type']}}</td>
                                <td>{{$product['insurer']}}</td>
                                <td>{{$product['product_name']}}</td>
                                <td>{{$product['excess_period']}}</td>
                                <td>{{$product['inital_exclusion_period']}}</td>
                                <td>{{$product['product_benifit_period']}}</td>
                                <td>{{$product['special_benifits']}}</td>
                                <td>{{$product['monthly_cost']}}</td>
                                <td>Reviewable</td>
                                <td>
                                  <a onclick="return guest_conf({{$quote_id}},{{$product['id']}})" href="{{ url('personal-details-continue') }}/{{$quote_id}}/{{$product['id']}}">{!!$product['apply_now']!!}</a>
                                </td>
                              </tr> 
                            @endforeach
                          @endif

                          @if($products_list_webline)
                            @foreach ($products_list_webline as $product1)
                              <tr>
                                <td>{{isset($products_list[0]['cover_type']) ? $products_list[0]['cover_type'] : ''}}</td>
                                <td>{{$product1['product']->ProviderName}}</td>
                                <td>{{$product1['product']->ProductName}}</td>
                                <td>{{$product1['product']->ProductName}}</td>
                                <td>{{$product1['product']->DefermentPeriodWeeks}} Weeks</td>
                                <td></td>
                                <td></td>
                                <td>&#163; {{number_format($product1['product']->Premium, 2)}}</td>
                                <td>{{$product1['product']->Rates}}</td>
                                <td>
                                  <a href="{{ url('webline-products/personal-details') }}/{{$product1['product']->QuoteId}}/{{$product1['product']->ProductID}}/{{$product1['product']->Rates}}"><button type="submit" class="btn btn-default">Apply Now</button></a>
                                  <!-- <a href="{{ url('personal-details') }}/{{$quote_id}}/{{$product1['product']->id}}/webline">'<button type="submit" class="btn btn-default" onclick="javascript: void(0)">Apply Now</button></a> -->
                                </td>
                              </tr> 
                            @endforeach
                          @endif

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


  <div id="callback_popup" class="popup_block">
  <div style="width:100%;height:100%;background:#FFFFFF">
    <form name="frmcallback" id="frmcallback" method="post" action="">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><div id="callbackconfirmmsg" style="padding-top:100px;display:none;height:200px"></div></td>
        </tr>
        <tr>
          <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="main_table_callback">
            <tr>
              <td><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td><span class="dont_call_us">Don&rsquo;t call us - we&rsquo;ll call you!</span><br />
                    <br />
                    <span class="blue" style="font-weight:bold">FREE callback service - available 9:00 am until 6:00 pm Monday to Friday, 10:00 am until 01:00 pm on Saturday.</span></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td  align="center"><div  id="callbackfrmerr" class="error"></div></td>
            </tr>
            <tr>
              <td align="left" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="60%" height="35" align="left" class="form_call_back_head">Please enter your phone number<span class="blue">*</span></td>
                  <td align="left"><input name="phone" type="text" class="form-control form_call_back1 required" id="phone"   title="Please Enter Phone number" /></td>
                </tr>
                <tr>
                  <td height="35" align="left" class="form_call_back_head">Please enter your title </td>
                  <td align="left"><select name="title" class="form-control form_call_back2 required" id="title"   title="Please Enter Title" >
                    <option>Mr</option>
                    <option>Mrs</option>
                    <option>Miss</option>
                    <option>Ms</option>
                    <option>Dr</option>
                    <option>Sir</option>
                    <option>Lord</option>
                    <option>Lady</option>
                    <option>Dame</option>
                    <option>Rt.Hon</option>
                    <option>Rev</option>
                    <option>Other</option>
                  </select></td>
                </tr>
                <tr>
                  <td height="35" align="left" class="form_call_back_head">First Name <span class="blue">*</span></td>
                  <td align="left"><input name="fname" type="text" class="form-control form_call_back1 required" id="fname"  title="Please Enter First name"  /></td>
                </tr>
                <tr>
                  <td height="35" align="left" class="form_call_back_head">Surname </td>
                  <td align="left"><input name="sname" type="text" class="form-control form_call_back1 required" id="sname"  title="Please Enter  Surname"  /></td>
                </tr>
                <tr>
                  <td height="35" align="left" class="form_call_back_head">When do you wish to be called? <span class="blue">*</span></td>
                  <td align="left"><select name="calltime" class="form-control form_call_back2" id="calltime">
                    <option selected="selected" value="Now">Now</option>
                    <option value="9 a.m. to 12 noon">9 a.m. to 12 noon</option>
                    <option value="12 p.m. to 2 p.m.">12 p.m. to 2 p.m.</option>
                    <option value="2 p.m. to 5 p.m.">2 p.m. to 5 p.m.</option>
                    <option value="5 p.m. to 8 p.m.">5 p.m. to 8 p.m.</option>
                  </select></td>
                </tr>
                <tr>
                  <td height="35" align="left">&nbsp;</td>
                  <td align="left">
                  
                    <div class="medium-btn2"><a href="#" id="callmeback"><span>Call me back</span></a></div>
                 </td>
                </tr>
                <tr>
                  <td height="30" align="left">&nbsp;</td>
                  <td align="left">&nbsp;</td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td align="left" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td class="form_call_back_head">Please disconnect from the Internet after requesting the call if you&rsquo;re using the same phone line for your Internet access. Please note that calls may be recorded or monitored for security and customer service purposes.</td>
                </tr>
                <tr>
                  <td class="form_call_back_head">&nbsp;</td>
                </tr>
              </table></td>
            </tr>
          </table></td>
        </tr>
      </table>
    </form>
  </div>
</div>


</section>
<div class="clearfix"></div>
@endsection
@section('page-script')
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="{{ URL::asset('assets/js/get-a-quote/product_list.js') }}"></script>
@stop