@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('user_fund_request_report_submit')}}" method="post" enctype="multipart/form-data">
                                                            
                                                            @csrf
                                                            <div class="form-row">
                                                                
                                                            <div class="col-md-5 mb-5">
                                                                <input  id="basicExample" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_from}}" name="date_from" required>
                                                            </div>
                                                             <div class="col-md-5 mb-5">
                                                                <input  id="minDate" class="form-control flatpickr flatpickr-input" type="text" value="{{$date_to}}" name="date_to" required>
                                                                    
                                                            </div>
                                                                
                                                                <div class="col-md-2 mb-2">
                                                                    <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>#</th>
                                                            <th>Order Details</th>
                                                            <th>User Details</th>
                                                            <th>Bank Details</th>
                                                            <th>Action Details</th>
                                                            <th>Remark</th>
                                                            <th>Amount</th>
                                                            <th>Status</th>
                                                            <th>Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    @foreach ($result as $list)
                                                        <tr>
                                                            <td>{{$list->id}}</td>
                                                            
                                                            <td>
                                                                <h6 style="color: #5c1ac3;"> Date : {{$list->created_at}} </h6>
                                                                <h6>Order Id : {{$list->order_id}} </h6>
                                                                <h6>UTR : {{$list->transaction_number}} </h6>
                                                                <h6>Mode : {{$list->transfer_mode}} </h6>
                                                                <a href="{{asset('slip_image')}}/{{$list->slip_image}}" target="_shiba" class="badge badge-info">View
                                                                </a>
                                                               
                                                            </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>{{ \App\Models\Bank::find($list->bank_id)->bank_name }}</h6>
                                                                  <h6>{{ \App\Models\Bank::find($list->bank_id)->account_number }}</h6>
                                                                  <h6>{{ \App\Models\Bank::find($list->bank_id)->account_type }}</h6>
                                                                  <h6>{{ \App\Models\Bank::find($list->bank_id)->account_name }}</h6>
                                                                
                                                            </td>
                                                            <td>
                                                                @if($list->decision_by==0)
                                                                    <h6>-</h6>
                                                                @else
                                                                  <h6>{{ \App\Models\User::find($list->decision_by)->first_name }}</h6>
                                                                  <h6>{{ \App\Models\User::find($list->decision_by)->last_name }}</h6>
                                                                  <h6> Remark : {{ $list->decision_remark }}</h6>
                                                                  <h6> Date: {{ $list->decision_date }}</h6>  
                                                                @endif
                                                            </td>
                                                             <td><h6>{{$list->remark}}</h6></td>
                                                            <td><h6>{{$list->amount}}</h6></td>
                                                            @if($list->status=="Transferred")                                                           
                                                            <td><span class="badge badge-success">{{$list->status}}</span></td>
                                                            @elseif($list->status=="Rejected")
                                                            <td><span class="badge badge-danger">{{$list->status}}</span></td>
                                                            @else
                                                            <td><span class="badge badge-warning">{{$list->status}}</span></td>
                                                            @endif
                                                            
                                                            <td>
                                                                @if($list->status=="Pending")
                                                                <button type="button" class="btn btn-primary mb-2 mr-2" onClick="edit_request('{{$list->id}}','{{$list->order_id}}')";>Action</button>
                                                                @else
                                                                <h6>-</h6>
                                                                @endif
                                                            </td>
                                                           

                                                           
                                                        </tr>
                                                    @endforeach  
                                                    </tbody>
                                                    
                                                </table>
                                            </div>
                                        </div>
                                    </div>        
                    <!-- Modal -->
                    <div class="modal fade" id="Request_Money_Action" 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('user_fund_request_submit')}}" method="post" onsubmit='disableButton()'>
                                <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>Remark <span class="text-danger">*</span></label>
                                            @csrf
                                            <input type="text" name="remark" class="form-control" required="">
                                            <input type="hidden" name="id" id="id">
                                    </div>
                                    <div class="form-group">
                                            <label>Status<span class="text-danger">*</span></label>
                                            <select class="form-control" name="status" required="">
                                                <option selected>Select Status</option>
                                                <option value="Transferred">Transferred</option>
                                                <option value="Rejected">Rejected</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" id="shiba_btn_f" class="btn btn-primary">Submit</button>
                                </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        function edit_request(id,order_id){
                            $('#id').val(id);
                            $('#order_id').text(order_id);
                            $('#Request_Money_Action').modal('show');
                        }
                        function disableButton() {
                            var btn = document.getElementById('shiba_btn_f');
                            btn.disabled = true;
                            btn.innerText = 'Sending...'
                        }
                    </script>
                                            
@endsection