@extends('layouts.admin')

  <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 excel</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">Full 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">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">Payment</th>
                      <th class="table-index">Actions</th>
                      <th class="table-index">Created Date</th>
                      <th class="table-index">FirstName</th>
                      <th class="table-index">LastName</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="cancelled-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>


<!-- Modal -->
<div class="cnclmodal 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"></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;
}
.cnclmodal .modal-dialog{
  width: 45%
}
.cnclmodal .modal-header .close{ 
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 0px 8px;
    border-radius: 100%;
    background-color: #f00;
    opacity: 1;
    color: #FFF;
    line-height: normal;
    height: 27px;
}
.cnclmodal .modal-header{
     padding: 0px;
    border: 0px;
}
.cnclmodal form{
  margin-bottom: 0px;
}
.cnclmodal .formtitle h1{
    padding: 0px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 30px;
    font-weight: 500;
    margin-top: 0px;
    border-bottom: 1px solid #e8e8e8;
}
.cnclmodal .cancltext{
  margin-bottom: 30px;
}
.cnclmodal .cancltext label{
    font-size: 16px;
    font-weight: 400;
    color: #8a8a8a;
}
.cnclmodal .cancltext select,
.cnclmodal .cancltext input[type="date" i]{
  height: 40px;
    padding: 0px 10px;
    font-size: 16px;
    border: 1px solid #dcdcdc;
    color: #505050;
}
.cnclmodal .cancltextarea textarea{
width:100%;
height: 100px;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #dcdcdc;
    color: #505050;
}
.cnclmodal .subbtn{
    background-color: #000;
    border: 0px;
    color: #FFF;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 10px 30px;
    line-height: normal;
}
.cnclmodal input[type=date]::-webkit-inner-spin-button, 
.cnclmodal input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
@media (max-width: 991px) {
    .cnclmodal .modal-dialog{
  width: 98%
}
}
</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>
$(document).ready(function() {
  var serachEnabale = true;
  $.fn.dataTable.ext.errMode = 'none';
  var hideFromExportCL = [10];
    var table = $('#completed-lead-table').dataTable({
       "processing": true,
        "serverSide": true,
        order: [[12, 'desc']],
        "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
          
        },
        ajax: {
            url:'mms-lead/data',
            "type": "post",
            beforeSend : function() {
               
            },
            complete : function(data) {
              $('#completed-lead-table').css('margin-top','10px');
                 document.getElementById("search_table").disabled = false;
               $('#search_table').html("Search");
            },
        },
        columns: [
            
            { data: 'date_added1', name: 'date_added1' },
            { data: 'insurance_startdate', name: 'policy_prefix' },
            { data: 'policy_number_full', name: 'policy_number_full' },
            { data: 'product_name', name: 'product_name' },
            { data: 'insurer', name: 'insurer' },
            { data: 'full_name', name: 'full_name'},
            { data: 'typeofcover', name: 'typeofcover' },
            { data: 'lead_source_field', name: 'lead_source_field' },
            { data: 'submitted_by', name: 'submitted_by' },
            // { data: 'marketingOptOut', name: 'marketingOptOut' },
            // { data: 'rates', name: 'rates' },
            { data: 'status', name: 'status' },
            { data: 'payment', name: 'payment' },
            { data: 'actions', name: 'actions'},
            { data: 'created_date', name: 'created_date','visible' : false},
            { data: 'fname', name: 'fname','visible' : false},
            { data: 'lname', name: 'lname','visible' : false},

        ],
        "order": []
    });

    $('#completed-lead-table_wrapper input').unbind();

  /*  $("#completed-lead-table_wrapper input").focus(function(){
        if(serachEnabale){
          $(this).attr('disabled');  
        }else{
          $(this).removeAttr('disabled');
        }
    });*/

    $(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);
        }
      });
    });


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


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


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

    $(document).on('click', '.revert', function(e){
      e.preventDefault();
      var id=$(this).attr('data-atr');
      var action_url ='{{URL::to('revert')}}/'+id;
      if (confirm('Are sure want to revert')) {
          window.location = action_url;
      }
    });


    
    $('#completed-lead-table_filter').append("<button id='search_table' >Search</button>");


    $(document).on('click', '#search_table', function(){
        document.getElementById("search_table").disabled = true;
        var search_value = $("#completed-lead-table_wrapper input").val();
        table.fnFilter(search_value);
        $('#search_table').html("processing");
    });


    $('#completed-lead-table_wrapper input').keyup(function(){
        var search_value = $("#completed-lead-table_wrapper input").val();
        if(search_value.length == 0){
          table.fnFilter('');  
        }
    });

});

function validationCancelled()
{
$('#myModal').hide();
window.location.reload();
return true;


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