@extends('layouts.admin')

  <title>Best Insurance | Inomplete 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/incomplete-lead-export-to-excel') }}">
                <span class="">Export to excel</span>
                </a>
            </div>
            </div>
              <table class="table table-bordered" id="users-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">Submitted By</th>
	                    <th class="table-index">Premium Type</th>
	                    <th style="text-align: center" class="table-index" width="5px">Status</th>
	                    <th class="table-index" width="5px">View</th>
                      <th class="table-index" width="5px">Delete</th>
                      <th class="table-index" width="5px">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>


<!--  -->
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">Assign To</h4>
            </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
@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') }}">

<script>
$(document).ready(function() {

   var table = $('#users-table').DataTable({
        "bLengthChange": false,
        processing: true,
        serverSide: true,
      	order: [[12, 'desc']],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
        },
        ajax: {
            url:'incomplete-lead/data',
            "type": "post",
            beforeSend : function() {
               
            },
            complete : function(data) {
              
            },
        },
        columns: [
          // { data: 'date_added', name: 'date_added' },
            { data: 'date_added', name: 'date_added','searchable': false},
            { data: 'insurance_startdate', name: 'insurance_startdate','searchable': false },
            { data: 'policy_number_full', name: 'policy_number_full' },
            { data: 'product_name', name: 'product_name' ,'searchable': false},
            { data: 'insurer', name: 'insurer', 'searchable': false },
            { data: 'full_name', name: 'full_name' },
            { data: 'typeofcover', name: 'typeofcover' },
            { data: 'lead_source_field', name: 'lead_source_field', 'searchable': false },
            { data: 'submitted_by', name: 'submitted_by' , 'searchable': false},
            { data: 'rates', name: 'rates' },
            { data: 'status', name: 'status', 'searchable': false },
            { data: 'view', name: 'view', 'searchable': false  },
            { data: 'delete', name: 'delete' , 'searchable': false },
            { data: 'created_date', name: 'created_date', 'searchable': false },
            { data: 'fname', name: 'fname','visible' : false},
            { data: 'lname', name: 'lname','visible' : false},
        ],
        "order": [],
        "columnDefs": [
            {
                "targets": [ 12 ],
                "visible": true,
                "searchable": true
            },
            {
                "targets": [ 3 ],
                // "visible": false
            },
            {
                "targets": [ 0,10,11 ],
                // "visible": false,
                "sortable": false
            }
        ]
    });


    $(document).on('click', '.btn-success', function(){
      var id=$(this).attr('data-atr');
      var action_url ='{{URL::to('branch-admin/assign-to')}}/'+id;
      $.ajax({
        type : 'get',
        url  : action_url,
        success:function(data){
          $('.modal-body').html(data);
        }
      });
    });



});

</script>
<script src="{{ URL::asset('assets/js/views/leads/index.js') }}"></script>
@stop