@extends('layouts.affiliateadmin')

  <title>Best Insurance | Completed Leads</title>
 
@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>
            <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/completed-lead-export-to-excel') }}">
                <span class="">Export to excelq</span>
                </a>
            </div>
            </div>
              <table class="table table-bordered table-responsive" id="completed-lead-table">
                <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">Marketing Preference</th>
                        <th class="table-index">Premium Type</th>
                        <th style="text-align: center" class="table-index" width="5px">Status</th>
                        <th class="table-index">Actions</th>
                        <th class="table-index">Created Date</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
            </table>
            </div>
            
           <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
        </div>
    </div>
  </div>
</section>
<!-- Reject button modal -->
 <a data-target="#ConfirmReject" role="button" data-toggle="modal" id="rejectTrigger"></a>
<div class="modal fade" id="ConfirmReject">
    <div class="modal-dialog">
      <div class="modal-content">
          <!-- modal header -->
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
            <!-- modal title -->
            <div class="modal-title" id="reject-modal-title">  </div>
          </div>
          <!-- modal body -->
          <div class="modal-body" id="reject-modal-body">
          </div>

          <div class="modal-body" id="comment-btn">
          {{Form::open(array('url' => '/account/completed-leads/change-status', 'method' => 'POST', 'id' => 'formValidation'))}}
            <div class="form-group required" >
            <span class="control-label"></span>
              {{Form::label('Please provide the reasons for rejecting')}}
              {{Form::text('comment',null,array('class' => 'form-control','id' => 'comment'))}}
              {{Form::hidden('id',null,array('class' => 'form-control','id' => 'comment_id'))}}
            </div>
            <div class="form-group">
              {{Form::submit('Submit',array('class' => 'btn btn-success'))}}
            </div>
          {{Form::close()}}
          </div>

          <div class="modal-footer">
              <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
              <!-- confirm button -->
              <div id="RejConfirmButton"></div>
          </div>

      </div>
    </div>
</div>

<!-- Genetare schedule button modal -->
<a data-target="#gnrtSceduleTarget" role="button" data-toggle="modal" id="gnrtSceduleTarg"></a>
<div class="modal fade" id="gnrtSceduleTarget" style="text-align:center; height: auto;">
    <div class="modal-dialog">
      <div class="modal-content">
          <!-- modal header -->
          <div class="modal-header">
          <div class="pull-left" >
          <h4 style="color:#12a1a5" ><b>{{strtoupper( 'Schedule versions')}}</b></h4>
          </div>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="close-model">
              <span aria-hidden="true">×</span>
            </button>
            <!-- modal title -->
            <div class="modal-title" id="scedule-modal-title">  </div>
          </div>
          <!-- modal body -->
          <div class="modal-body" id="scedule-modal-body">
          
          {{Form::open(array('url' => '/account/completed-leads/download-generate-scedule-pdf', 'method' => 'POST', 'id' => 'PdfForm'))}}
            <div class="form-group" id="versions" style="height: auto;">

              <br>
            </div>
            <input type="hidden" name="infoId" id="infoId" >
            <!-- <input type="hidden" name="" id="logInfoId" > -->
          </div>
          <div class="modal-footer" style="padding-top: 15px">
            <div class="col-xs-12">
              <div class="col-xs-6">
              <button type="button"  class="btn btn-default pull-left " data-dismiss="modal" id="close_button">Close</button>
              </div>
              <!-- confirm button -->
              <div class="col-xs-6">
              <div id="sceduleConfirmButton"></div>
              <div class="pull-right" >{{Form::submit('Download',array('class' => 'btn btn-success','id'=>'downlBtn'))}}</div>
              </div>
            </div>
          </div>
          {{Form::close()}}
      </div>
    </div>
</div>
<!-- Peding model -->
<!-- <a data-target="#pendingBtn" role="button" data-toggle="modal" id="pendingTrigger"></a> -->
<div class="modal fade" id="pendingBtn">
    <div class="modal-dialog">
      <div class="modal-content">
          <!-- modal header -->
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
            <!-- modal title -->
            <div class="modal-title" id="reject-modal-title">Change Status </div>
          </div>
          <!-- modal body -->
          <div class="modal-body" id="reject-modal-body">
          </div>

          <div class="modal-body" id="comment-btn">
          {{Form::open(array('url' => '/account/completed-leads/change-to-aaprove-status', 'method' => 'POST', 'id' => 'formValidation'))}}
            <div class="form-group" style="text-align: center" >
            <span class="control-label">Are you really want to approve this application?</span>
              
              <!-- <button class="btn btn-default">Approve</button> -->
                
              <!-- <a href="#" class="btn btn-default  rejectBtn" data-id="'.$query_data->id.'" data-target="#pendingBtn" data-toggle="modal">Reject</a> -->

              {{Form::hidden('id',null,array('class' => 'form-control','id' => 'information_id'))}}

            </div>
            <div class="form-group">
              
            </div>
          
          </div>

          <div class="modal-footer">
              <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
              <!-- confirm button -->
              {{Form::submit('Approve',array('class' => 'btn btn-success'))}}
              {{Form::close()}}
              <!-- <div id="RejConfirmButton"> --></div>
          </div>

      </div>
    </div>
</div>
@stop

@section('pageBottomJs')
<style type="text/css">
    @media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline;
    }
 
    li.paginate_button.next {
        display: inline;
    }
 
    li.paginate_button {
        display: inline;
    }
  }
  /* */
  .modal-body {
    border: 0px white solid;
    position: relative;
  }
  .modal-dialog {
    width: 300px;
}

    /* for validation msg */
    .error{
      color:red;
    }

    /**/
    .version-1{
      margin-top: 10px;
    }
    /**/
    .table-index{
      padding-right: 27px;
    }

    .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    padding: 5px;
}
.table>thead:first-child>tr:first-child>th{
    /*white-space: nowrap;*/
}
.appdate{
  white-space: nowrap;
}
</style>
<!-- Data tables -->
<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>
$(function() {


    var hideFromExportCL = [10];
    var table = $('#completed-lead-table').dataTable({
// lengthMenu: [[10, 25, 50, -1], [10, 25, 50, 'TODO']],
        "bLengthChange": false,
        // "aaSorting": [[ 0, "desc" ]],
       // "bPaginate": true,
       // "ordering": true,
       // "bSort": true,
       // "bSortable": false, "aTargets": [ 10,9 ],
        // "bFilter" : true,
        // "bLengthChange" : true,
        "responsive" : true,
        processing: true,
        serverSide: false,
        // "bDestroy": false,
        // "bInfo":false,  
        
        order: [[12, 'desc']],

        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
          
        },
        ajax: {
            url:'completed-lead/data',
            "type": "get",
            beforeSend : function() {
               
            },
            complete : function(data) {
              $('#completed-lead-table').css('margin-top','10px');
            },
        },
        columns: [
            
            { data: 'date_added1', name: 'date_added1' },
            { 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: 'marketingOptOut', name: 'marketingOptOut' },
            { data: 'rates', name: 'rates' },
            { data: 'status', name: 'status' },
            { data: 'actions', name: 'actions'},
            { data: 'created_date', name: 'created_date'},

        ],
        "columnDefs": [
            { 'orderData':[12], 'targets': [0] },
            {
                "targets": [ 12 ],
                "visible": false,
                "searchable": true
            },
            {
                "targets": [ 0,11],
                "sortable": true
            }
        ],
        
    });
    // Apply the search
    
});
</script>
<script src="{{ URL::asset('assets/js/views/leads/index.js') }}"></script>
@stop