@extends('include.sidebar')
@section('content')
<div class="col-lg-12 layout-spacing">
                                        <div class="statbox widget box box-shadow mb-4">
                                            <div class="widget-header">
                                                <div class="row">
                                                    <div class="col-xl-12 col-md-12 col-sm-12 col-12">
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="widget-content widget-content-area">
                                                <div class="form-group row">
                                                    <div class="col-lg-12 col-md-12 col-sm-12">
                                                        <form id="form_shiba" class="needs-validation"  action="{{route('psa_request_report_submit')}}" method="post" enctype="multipart/form-data">
                                                            
                                                            @csrf
                                                            <div class="form-row">
                                                            <div class="col-md-3 mb-3">
                                                                <input  type="text" class="form-control flatpickr flatpickr-input" type="text" placeholder="Enter PSA ID" name="number">
                                                            </div>    
                                                            <div class="col-md-3 mb-3">
                                                                <input  id="basicExample" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_from}}" name="date_from" required>
                                                            </div>
                                                             <div class="col-md-3 mb-3">
                                                                <input  id="minDate" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_to}}" name="date_to" required>
                                                                    
                                                            </div>
                                                                
                                                                <div class="col-md-3 mb-3">
                                                                    <button class="btn btn-block btn-lg btn-primary" type="submit">Submit</button>
                                                                    
                                                                </div>
                                                            </div>
                                                                                                                        
                                                           
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
                                        <div class="widget-content widget-content-area br-6">
                                            

                                            <div class="table-responsive mb-4">
                                                <table id="export-dt" class="table table-hover" style="width:100%">
                                                    <thead>
                                                        <tr>
                                                            <th class="text-center">#</th>
                                                            <th>User Details</th>
                                                            <th>VLE Details</th>
                                                            <th>VLE Address</th>
                                                            <th>Documents</th>
                                                            <th class="text-center">Status</th>
                                                            
                                                            @if(Session::get('user_id')==1)
                                                            <th class="text-center">Action</th>
                                                            @endif 
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($result as $list)
                                                    <tr>
                                                        <td class="text-center"><h6>{{ $loop->iteration }}</h6></td>
                                                        <td>
                                                                @if($list->user_id==0)
                                                                    <h6>-</h6>
                                                                @else
                                                                  <h6>{{ \App\Models\User::find($list->user_id)->first_name }}</h6>
                                                                  <h6>{{ \App\Models\User::find($list->user_id)->last_name }}</h6>
                                                                  <h6>{{ \App\Models\User::find($list->user_id)->outlet_name }}</h6>
                                                                  <h6>{{ \App\Models\User::find($list->user_id)->mobile_number }}</h6>  
                                                                @endif
                                                            </td>
                                                        <td>
                                                            <h6>Date: {{$list->created_at}}</h6> 
                                                            <h6>PSA: {{$list->psa_id}}</h6>
                                                            <h6>Name: {{$list->full_name}}</h6>
                                                            <h6>Mobile: {{$list->mobile_number}}</h6>
                                                            <h6>Email: {{strtoupper($list->email_address)}}</h6>
                                                        </td>
                                                        <td>
                                                            <h6>Shop Name: {{$list->shop_name}}</h6> 
                                                            <h6>State: {{ \App\Models\State::find($list->shop_state)->state_name }}</h6>
                                                            <h6>Pincode: {{$list->shop_pincode}}</h6>
                                                            <h6>Address: {{$list->shop_address}}</h6>
                                                            
                                                        </td>
                                                        <td>
                                                            <h6>Aadhaar No.: {{$list->aadhaar_card_no}}</h6> 
                                                            <h6>PAN No.: {{$list->pan_card_no}}</h6>
                                                            <h6>Aadhaar : <a target="_blank" href="{{asset('pan_documents')}}/{{$list->aadhaar_card_doc}}" class="badge badge-info">View</a></h6> 
                                                            <h6>PAN : <a target="_blank" href="{{asset('pan_documents')}}/{{$list->pan_card_doc}}" class="badge badge-info">View</a></h6> 
                                                        </td>
                                                        <td class="text-center">
                                                            @if($list->status=="APPROVED")
                                                            <span class="badge badge-success">{{$list->status}}</span>
                                                            @elseif($list->status=="REJECTED")
                                                            <span class="badge badge-danger">{{$list->status}}</span>
                                                            @elseif($list->status=="UNDER REVIEW"||$list->status=="Pending")
                                                            <span class="badge badge-warning">{{$list->status}}</span>
                                                            
                                                            @endif  
                                                        </td>
                                                        @if($list->status=="UNDER REVIEW") 
                                                        <td class="text-center">
                                                            <a onclick="psa_check_status('{{$list->id}}','{{$list->user_id}}')" class="badge badge-info">Check Status</a> | 
                                                            <a onclick="Edit_Model('{{$list->id}}','{{$list->user_id}}','{{$list->status}}')" class="badge badge-info">Edit</a>
                                                        </td>
                                                        @else
                                                        <td class="text-center">
                                                           <h6>Action Date: {{$list->updated_at}}</h6> 
                                                        </td>
                                                        @endif 
                                                     </tr>       
                                                    @endforeach  
                                                </tbody>
                                                    
                                                </table>
                                            </div>
                                        </div>
                                    </div>


<!-- Modal -->
                    <div class="modal fade" id="Edit_Model" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <form id="form_shiba"  action="{{route('change_psa_status_submit')}}" method="post">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalCenterTitle">Edit Status</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <i class="las la-times"></i>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                            
                                            @csrf
                                           
                                            <input type="hidden" name="id" id="id">
                                    </div>
                                    <div id="status_div" class="form-group" style="display: none;">
                                            <label>Status <span class="text-danger">*</span></label>
                                            <select class="form-control" id="status_o" name="status">
                                               <option selected>Select Status</option>
                                            </select>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Cancel</button>
                                    <button type="submit" class="btn btn-primary">Submit</button>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>
<!-- Log Modal -->
                    <div class="modal fade" id="Check_Log" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalCenterTitle">Edit Status</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <i class="las la-times"></i>
                                    </button>
                                </div>
                                <div class="modal-body"> 
                                    <div id="log_result">

                                     </div>  
                                    <div class="form-group">
                                        <label>Callback Response :</label>
                                        <textarea class="form-control" id="callback_log" readonly></textarea>
                                    </div>
                                 
                                </div>
                                <div class="modal-footer">
                                    <button class="btn" data-dismiss="modal"><i class="flaticon-cancel-12"></i> Ok</button>
                                </div>
                            </div>
                        </div>
                    </div>                    
<script type="text/javascript">
    function Edit_Model(id,user_id,status){
        $('#id').val(id);
        $('#status').text(status);
        $("#status_o").empty();
        if(status=="UNDER REVIEW"){
            $("#status_div").show();
           op = '<option value="APPROVED">APPROVED</option><option value="REJECTED">REJECTED</option>'; 
           $("#status_o").append(op);
        }else{
            op = '';
        }
        
        $('#Edit_Model').modal('show');
    }
    function Check_Log(id_c,order_id_c,log_data,callback_response){
        log_data = JSON.parse(log_data);
        $('#order_id_c').text(order_id_c);
        $('#callback_log').text(callback_response);

        $("#log_result").empty();
        if (log_data.length) {
            jQuery.each(log_data, function (j, value) {
                html =  '<div class="form-group">' +
                        '<label>Api Log</label>' +
                        '<textarea class="form-control" readonly>'+value.url+'</textarea><br>' +
                        '</div>';
                $("#log_result").append(html);
            });
        }else{
            $("#log_result").append("<a>Not Found Log</a>");
        }
        // html =  '<div class="form-group">' +
        //                 '<label>Api Log</label>' +
        //                 '<textarea class="form-control" readonly>'+log_data+'</textarea>' +
        //                 '</div>';
        // $("#log_result").append(html);          
        $('#Check_Log').modal('show');
    }


    function psa_check_status(id,user_id){
        //alert(user_id);
        swal.showLoading()
        $.ajax({
            type: "POST",
            url: "{{route('psa_check_status')}}",                
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id,
                "user_id": user_id
            },
            dataType: 'json',
            success: function (result) {
            console.log(result); 
            swal.hideLoading()              
               if(result.error==0){
                    swal({title:"Good Job!",text:result.error_msg,type:"success"});
                    window.location.reload(); 
               }else{
                   swal({title:"Error",text:result.error_msg,type:"error"}); 
                  // window.location.reload();
               }
              
            },   
        });
    }
</script>       
@endsection