@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('copoun_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>Transaction Details</th>
                                                            <th class="text-center">Order Id </th>
                                                            <th class="text-center">Status</th>
                                                            <th class="text-center">Total Amount</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>{{$list->created_at}}</h6> 
                                                            <h6>PSA: {{$list->psa_id}}</h6>
                                                            <h6>Qty: {{$list->qty}}</h6>
                                                            <h6>Rate Qty: {{$list->price_qty}}</h6>
                                                            <h6>Type: {{strtoupper($list->coupon_type)}}</h6>
                                                        </td>
                                                        <td class="text-center"><h6>{{$list->order_id}}</h6></td>
                                                        <td class="text-center">
                                                            @if($list->status=="Success")
                                                            <span class="badge badge-success">{{$list->status}}</span>
                                                            @elseif($list->status=="Failed")
                                                            <span class="badge badge-danger">{{$list->status}}</span>
                                                            @elseif($list->status=="Under Process"||$list->status=="Pending")
                                                            <span class="badge badge-warning">{{$list->status}}</span>
                                                            @elseif($list->status=="Refunded")
                                                            <span class="badge badge-secondary">{{$list->status}}</span>
                                                            @else
                                                            <span class="badge badge-primary">{{$list->status}}</span>
                                                            @endif  
                                                        </td>
                                                        <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->total_amount}}</h6></td>
                                                        @if($list->status=="Pending")
                                                        <td class="text-center">
                                                            <a onclick="copoun_check_status('{{$list->id}}','{{$list->user_id}}','{{$list->report_id}}')" class="badge badge-info" class="badge badge-info">Check Status</a> | 
                                                            <a onclick="Edit_Model('{{$list->id}}','{{$list->order_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_copoun_status_submit')}}" method="post">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalCenterTitle">Order ID: <a id="order_id">STP8246711</a> </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">
                                            <label>Operator Id <span class="text-danger">*</span></label>
                                            @csrf
                                            <input type="text" name="operator_id" class="form-control" >
                                            <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">Order ID: <a id="order_id_c">STP8246711</a> </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,order_id,status){
        $('#id').val(id);
        $('#order_id').text(order_id);
        $('#status').text(status);
        $("#status_o").empty();
        if(status=="Success"){
            $("#status_div").hide();
        }else if(status=="Failed"){
            $("#status_div").hide();
        }else if(status=="Pending"){
            $("#status_div").show();
           op = '<option value="Success">Success</option><option value="Failed">Failed</option>'; 
           $("#status_o").append(op);
        }else{
            op = '';
        }
        
        $('#Edit_Model').modal('show');
    }
    function copoun_check_status(id,user_id,report_id){
        //alert(user_id);
        swal.showLoading()
        $.ajax({
            type: "POST",
            url: "{{route('copoun_check_status')}}",                
            data: {
                "_token": "{{ csrf_token() }}",
                "id": id,
               "report_id": report_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