@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="container1">
               <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="{{ encryptUrl($quote_id) }}" />
                  <input type="hidden" name="search" value="search" />

                  <div class="quote-links pull-right">

                  <a href="{{ url('quote-summary') }}/{{ encryptUrl($quote_id) }}" target="_blank">
                      <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                      Quote Summary
                    </a>

                   <a href="{{ url('get-a-quote-edit') }}/{{ encryptUrl($quote_id) }}">
                      <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                      Re Quote
                    </a>

                    <a href="#?w=614" rel="callback_popup"  class="poplight biclick" onclick="call_back_reset_form()"><span><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i>
 Call Back</span></a>
                  </div>

                  <div class="filter-results">
                    <h2>Filter Your Results</h2>
                    <div class="bg">
                      <div class="block">
                      	<div class="row">
                        <!-- <label class="control-label col-sm-4" >Cover Type</label> -->
                        <div class="form-group col-md-4  col-sm-6">
                          <label><span style="color:red">*</span> Cover Type:</label>
                          <select name="title"  class="form-control" name="cover_type" id="cover_type" title="Please select cover type" onchange="get_cover(this.value)">
                            <option id="cover_type_1" value="" {{ ($cover_type == '' ? "selected":"") }}>Show All</option>
                            <option id="cover_type_2" value="ASU" {{ ($cover_type == 'ASU' ? "selected":"") }}>Accident, Sickness & Unemployment</option>

                            <option id="cover_type_3" value="AS" {{ ($cover_type == 'AS' ? "selected":"") }}>Accident & Sickness only</option>
                            <!--<option id="cover_type_4" value="U" {{ ($cover_type == 'U' ? "selected":"") }}>Unemployment only</option>-->
                          </select>

                        </div>

                          <div class="form-group col-md-2 col-sm-4">
                            <label><span style="color:red">*</span> Excess Period:</label>
                            <select id="excess_period" name="excess_period" class="form-control">
                              <option value="0">All</option><option value="1" >1 Day</option><option value="28" >30 days</option><option value="56">60 days</option><option value="90">90 days</option>
                            </select>
                          </div>
                          <div class="form-group col-md-2 col-sm-4">
                            <label><span style="color:red">*</span> 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" >24 months</option>
                            </select>
                          </div>
                          <div class="form-group col-md-2 col-sm-4">
                            <label><span style="color:red">*</span> 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>
                          <div class="form-group col-md-2 col-sm-4">

                          <input type="hidden" name="covertype_value" id="covertype_value" value="{{$cover_type}}">
                          <input type="hidden" name="excess_period_value" id="excess_period_value" value="{{$excess_period}}">

                          <button type="submit" class="btn btn-default" id="search" name="searchbtn">Search</button>
							<!-- <span class="quote-links quotelinksbtn"><a href="{{ url('get-a-quote-edit') }}/{{ $quote_id }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Re Quote</a></span> -->
							</div>


                        <div class="clearfix"></div>
                      </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 Period</th>
                              <th>Initial Exclusion Period</th>
                              <th>Benefit Period</th>
                             <!-- <th>Special Benefits</th> -->
                              <th nowrap>Monthly Premium<br><span style="font-size:11px;">incl. IPT (Insurance Premium Tax)</span>
                            </th>
                              <th>Documents</th>
                              <th>Action</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>{{$excess_period}}</td>
                                
                                <td>{{$product['inital_exclusion_period']}}</td>
                                <td>{{$product['product_benifit_period']}}</td>
                               <!-- <td>{{$product['special_benifits']}}</td>  -->
                                <td class="price">{{$product['monthly_cost']}}</td>
                                <td><a target="_blank" href="{{ URL::asset('assets/policydocuments') }}/{{$product['policy_wordings_doc']}}" alt="Policy Wordings" title="Policy Wordings"> <i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>&nbsp;&nbsp;
                <a target="_blank" href="{{ URL::asset('assets/policydocuments') }}/{{$product['keyfacts_doc']}}" alt="IPID Document" title="IPID Document"> <i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>&nbsp;&nbsp;<a target="_blank" href="{{ URL::to('quote-illustration')}}/{{$quote_id}}/{{$product['id']}}/{{$product['excess_period_actual']}}" title="Quote Illustration"><i class="fa fa-file-pdf-o" aria-hidden="true"></i></td>
                                <td>
                                                                    <a onclick="" href="{{ url('cover') }}/{{ encryptUrl($quote_id) }}/{{$product['id']}}/{{$product['excess_period_actual']}}" style="text-decoration : none">{!!$product['apply_now']!!}</a>
                                </td>
                              </tr>
                            @endforeach
                            @else
                            <tr><td colspan="9">No products currently available. Try re-quote. If facing issues, please contact us.</td></tr>
                          @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:85px;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')
<style>
.filter-results .bg {
    border-radius: 0 4px 4px 4px;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: -4px;
border: 0;

}
.filter-results h2{
	border-radius: 4px 4px 0 0;
}
.search-results button{
	font-size: 16px;
	font-weight: normal;
}
</style>
<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>
<script type="text/javascript" src="{{ URL::asset('assets/js/get-a-quote/alerts/javascript_alert_dist_sweetalert.min.js') }}"></script>

@stop