@extends('layouts.admin')

@section('pageTitle')
<title>Best Insurance | Completed Leads</title>
@stop

@section('content')
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<section class="content">
<div class="row">
    <div class="col-xs-12">
      <div class="box">
          <div class="box-header">
           
          </div>
            <!-- /.box-header -->
          <div class="box-body table-responsive">
          <div class=" padding-left-none padding-right-none">
            <div class="dt-buttons">
                <a class="buttons-excel buttons-html5 btn btn-primary" tabindex="0" aria-controls="leadsList" href="{{ URL::to('account/old-leads-export-to-excel') }}">
                <span class="">Export to excel</span>
                </a>
            </div>
            </div>
           <table class="table table-bordered table-responsive" id="oldLeads">
              <thead>
                  <tr>
                     
                      <th class="table-index appdate" width="5px">Application Date</th>
                      <th class="table-index">Insurance Start Date</th>
                      <th class="table-index">Policy Number</th>
                      <!-- <th class="table-index">Policy</th> -->
                      <th class="table-index">Insurer</th>
                      <th class="table-index">Name</th>
                      <th class="table-index" width="5px">Cover Type</th>
                      <th class="table-index">Source</th>
                      <!-- <th class="table-index">Premium Type</th> -->
                      <th style="text-align: center" class="table-index" width="5px">Status</th>
                      <th class="table-index" align="center">View</th>
                      <th class="table-index">Created Date</th>
                  </tr>
              </thead>
              <tbody>
                <tr>
                     
                      <td></td><td></td><td></td><td></td><td></td>
                      <td></td><td></td><td></td><td align="center"></td><td></td>
                  </tr>
              </tbody>
          </table>
            
          </div>
          
        </div>
    </div>
  </div>
</section>

@stop

@section('pageBottomJs')

<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>

<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>

<script src="{{ URL::asset('assets/js/dataTables/serverSideDataTables/jquery.dataTables.yadcf.js') }}"></script>

<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<link rel="stylesheet" href="{{ URL::asset('assets/css/serverSideDataTables/jquery.dataTables.yadcf.css') }}">


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

    var table = $('#oldLeads').dataTable({
        "bLengthChange": false,
        "responsive" : true,
        processing: true,
        // serverSide: true,
        order: [[9, 'desc']],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
          
        },
        ajax: {
            url:'{{URL::to("account/old-leads-data")}}',
            "type": "get",
            beforeSend : function() {
               // alert('cham');
            },
            complete : function(data) {
              // console.log(data);
              // $('#completed-lead-table').css('margin-top','10px');
            },
        },
        columns: [
            
            { data: 'date_added', name: 'date_added' },
            { data: 'insurance_startdate', name: 'policy_prefix' },
            { data: 'policy_number', name: 'policy_number' },
            // { data: 'product_name', name: 'product_name' },
            { data: 'insurer', name: 'insurer' },
            { data: 'name', name: 'name' },
            { data: 'typeofcover', name: 'typeofcover' },
            { data: 'lead_source_field', name: 'lead_source_field' },
            // { data: 'rates', name: 'rates' },
            { data: 'status', name: 'status' },
            { data: 'actions', name: 'actions'},
            { data: 'created_date', name: 'created_date'},

        ],
        "columnDefs": [
            {
                "targets": [ 9 ],
                "visible": false,
                "searchable": true
            },
            {
                "targets": [ 0,8],
                "sortable": false
            }
        ],
        
    });
    // Apply the search
    
});
</script>
<link rel="stylesheet" href="{{ URL::asset('additional.css') }}">

@stop