@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('my_bill_payment_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 Number" name="number" required>
                                                            </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>Transaction Details</th>
                                                            <th class="text-center">Order Id </th>
                                                            <th class="text-center">Operator Id</th>
                                                            <th class="text-center">Status</th>
                                                            <th class="text-center">Amount</th>
                                                            <th class="text-center">Commission</th>
                                                            <th class="text-center">Total Amount</th>
                                                            <th class="text-center">Opening</th>
                                                            <th class="text-center">Closing</th>
                                                            <th class="text-center">Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($result as $list)
                                                    <tr>
                                                        <td class="text-center"><h6>{{$list->id}}</h6></td>
                                                        <td >
                                                            <h6>{{$list->created_at}}</h6>
                                                            <h6>Number : {{$list->number}}</h6>
                                                            <h6>{{strtoupper(\App\Models\Service::find($list->service_id)->service_name)}} - {{strtoupper(\App\Models\Provider::find($list->provider_id)->provider_name)}} - {{$list->path}}
                                                        </td>
                                                        <td class="text-center"><h6>{{$list->order_id}}</h6></td>
                                                        <td><h6>{{$list->operator_id}}</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->amount}}</h6></td> 
                                                        <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->commission}}</h6></td>   
                                                        <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->total_amount}}</h6></td>
                                                        <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->opening_balance}}</h6></td>
                                                        <td class="text-center"><h6><i class="las la-rupee-sign"></i> {{$list->closing_balance}}</h6></td>
                                                        <td class="text-center">
                                                        <div>
                                                            @if($list->status=="Success")
                                                            <a href="{{url('invoice/print/')}}/{{$list->id}}" target="_blank" title="Print" class="font-20 text-success">
                                                                <i class="las la-print"></i>
                                                            </a>
                                                            @if($list->complaint_id=="0")
                                                            <a onclick="Send_Complaint('{{$list->id}}','{{$list->order_id}}');" title="Complaint" class="font-20 text-info">
                                                               <i class="las la-headset"></i>
                                                            </a>
                                                            @endif
                                                            @endif

                                                            
                                                        </div>
                                                        </td>        
                                                    </tr>
                                                    @endforeach  
                                                </tbody>
                                                    
                                                </table>
                                            </div>
                                        </div>
                                    </div>


                                                       <!-- Modal -->
                    <div class="modal fade" id="Send_Complaint" 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('send_complaint_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>Subject <span class="text-danger">*</span></label>
                                            @csrf
                                            <input type="text" name="subject" class="form-control" required="">
                                            <input type="hidden" name="id" id="id">
                                    </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>
<script type="text/javascript">
    function Send_Complaint(id,order_id){
        $('#id').val(id);
        $('#order_id').text(order_id);
        $('#Send_Complaint').modal('show');
    }
</script>       
@endsection