@extends('layouts.app', ['pageSlug' => 'customerList'])

@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>Customer List Expiring Today</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
   @include('admin.customer.report.report-partial')
    <div class="tab-content">
        <div class="tab-pane active" id="expirylist" role="tabpanel">
            <br>
            <div class="row">
                <div class="col-md-4">
                    <h5>Expiring Clients
                    </h5>
                </div>          
                <div class="col-md-8 text-right">
                    @if (\Auth::check() && \Auth::user()->role && \Auth::user()->role->roleName->role == 'admin')
                        <button type="button" class="btn btn-success extend-btn" data-type="extend" data-toggle="modal" data-target="#bulk_confirm"><i class="fa fa-check"></i> Extend Selected</button> 
                        <button type="button" class="btn btn-info extend-btn" data-type="newexpiry" data-toggle="modal" data-target="#bulk_confirm"><i class="fa fa-check"></i> Update New Expiry</button>  
            		@endif
            	</div>         
            	<div class="col-md-12">
                    <div class="p-3"> 
                        <form method="GET" action="{{route('customer.expirylist')}}">
                            <div class="row">
                                <div class="col-md-3">		
                                    <div class="form-group">
            							<input type="text" name="min_date" id="min" class="form-control datepicker" placeholder="Min Date" autocomplete="off" value="{{isset($min) ? $min : null}}">
            						</div>
            					</div>
                                <div class="col-md-3">	
            						<div class="form-group">
            							<input type="text" name="max_date" id="max" class="form-control datepicker" placeholder="Max Date" autocomplete="off" value="{{isset($max) ? $max : null}}">
            						</div>
            					</div>
                                <div class="col-md-3">
                				    <button type="submit" class="search-btn btn btn-primary" title="Search">Search</button>
                				</div>
                			</div>
                		</form>  
                        <div class="table-responsive">
                            <table style="width:100%" id="payment_records" class="table table-striped table-bordered dttable dttable1">
                            <thead>
                                <th>
        						   <div class="inline custom-checkbox">
        							  <input id="checkboxAll" type="checkbox" class="form-control" name="checked[]" value="all">
        							  <label for="checkboxAll" class="custom-control-label"></label>
        						#</th>
                                <th>Customer</th>
                                <th>Expiry</th>
                                <th>Approve Count</th>
                                <th>Pending Count</th>
                                <th>Status</th>
                                <th>Unpaid Ext.</th>
                                <th>Paid Date</th>
                                <th>Old Expiry</th>
                                <th>New Expiry</th>
                                <th>Action</th>
                            </thead>
                            <tbody>
                                @foreach($allusers as $user)
                                <tr>
                                    <td> 
                                        <div class="inline custom-checkbox">
                                        <input type="checkbox" form="bulk_confirm_form" class="form-control filled-in" name="checked[]" value="{{$user->username}}" id="checkbox{{$user->username}}"><label for="checkbox{{$user->username}}" class="custom-control-label"></label>
                                        </div>
                                    </td>
                                    <td>{{$user->username}} 
                                        @if($user->check_status == "checked")
                                            <label class="status-label label-success">Checked</label>
                                        @elseif($user->check_status == "attention")
                                            <label class="status-label label-danger">Attention</label>
                                        @elseif($user->check_status == "attention-blocked")
                                            <label class="status-label label-danger">Attention & Blocked</label>
                                        @elseif($user->check_status == "attention-assist")
                                            <label class="status-label label-danger">Attention & Assist</label>
                                        @elseif($user->check_status == "checked-assist")
                                            <label class="status-label label-success">Checked & Assist</label>
                                        @elseif($user->check_status == "checked-blocked")
                                            <label class="status-label label-danger">Checked & Blocked</label> 
                                        @elseif($user->check_status == "blocked-assist")
                                            <label class="status-label label-danger">Blocked & Assist</label>
                                        @endif
                                    </td>
                                    <td>{{$user->expiration != null ? date('Y-m-d', strtotime($user->expiration)) : ''}}</td>
                                    <td>{{$user->approved}}</td>
                                    <td>{{$user->pending}}</td>
                                    <td>{{$user->status}}</td>
                                    <td>{{$user->unpaid_extention}}</td>
                                    <td>{{$user->paid_date != null ? date('Y-m-d', strtotime($user->paid_date)) : ''}}</td>
                                    <td>{{$user->oldexpiry != null ? date('Y-m-d', strtotime($user->oldexpiry)) : ''}}</td>
                                    <td>{{$user->newexpiry != null ? date('Y-m-d', strtotime($user->newexpiry)) : ''}}</td>
                                    <td> <span class="hide-block">{{$user->check_status}}</span>
                                    <form method="POST" action="{{route('pay-extension.update.checkstatus')}}">
        	                            @csrf
        	                            <input type="hidden" name="username" value="{{$user->username}}">
                                        <select onchange="this.form.submit()" class="form-control checkstatus" name="status">
                                            <option value="unchecked" {{$user->check_status == "unchecked" || $user->check_status == null ? 'selected' : ''}}>Unchecked</option>
                                            <option value="checked" {{$user->check_status == "checked" ? 'selected' : ''}}>Checked</option> 
                                            <option value="checked-blocked" {{$user->check_status == "checked-blocked" ? 'selected' : ''}}>Checked & Blocked</option>

                                                                                        <option value="checked-verified" {{$user->check_status == "checked-verified"? 'selected' : ''}}>Checked & Verified</option>

                                                                                        
                                            <option value="checked-assist" {{$user->check_status == "checked-assist"? 'selected' : ''}}>Checked & Assist</option>
                                            <option value="attention" {{$user->check_status == "attention" ? 'selected' : ''}}>Attention</option>
                                            <option value="attention-blocked" {{$user->check_status == "attention-blocked" ? 'selected' : ''}}>Attention & Blocked</option>
                                            <option value="attention-assist" {{$user->check_status == "attention-assist" ? 'selected' : ''}}>Attention & Assist</option>
                                            <option value="blocked-assist" {{$user->check_status == "blocked-assist" ? 'selected' : ''}}>Blocked & Assist</option>
                                        </select>
                                    </form>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="bulk_confirm" class="modal fade" role="dialog">
  <div class="modal-dialog modal-sm">
	<!-- Modal content-->
	<div class="modal-content">
	  <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal">&times;</button>
		<div class="delete-icon"></div>
	  </div>
	  <div class="modal-body text-center">
		<h4 class="modal-heading">Are You Sure ?</h4>
		<p>Do you really want to extend these records?</p>
	  </div>
	  <div class="modal-footer">
	      <form method="POST" action="{{route('customer.extend.expiry')}}" id="bulk_confirm_form">
	          @csrf
            <fieldset>
              <input type="hidden" class="extend-type" name="type" value="">
    		  <button type="reset" class="btn btn-danger" data-dismiss="modal">No</button>
    		  <button type="submit" class="btn btn-success">Yes</button>
    		 </fieldset>
		  </form>
	  </div>
	</div>
  </div>
</div>

@endsection
@push('head')
<style>
.ui-dialog{
    /* top:500px !important;    */
}
.dttable1{
    /* display: block;
    overflow: scroll; */
}
</style>
@endpush
@push('js')
<script>
    $(function () {
      "use strict";
        $.fn.dataTableExt.ofnSearch['html-input'] = function(value) {
            return $(value).val();
        };
      var table1 = $('#payment_records').DataTable({
          pageLength: 50,
            columnDefs: [
               { "type": "html-input", "targets": [10] }
            ]
      });
      $(".extend-btn").on('click', function(){
        var type = $(this).data('type');
        if(type){
            $(".extend-type").val(type); 
        }
      });
});

</script>
    

<script>
    
    

</script>
@endpush