@extends('layouts.admin')
@push('css')
@endpush
@section('content')
<div class="container-fluid">
    <div class="row">        
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Withdraw Report List</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{ route('member.searching') }}" class="btn btn-secondary btn-sm">Create Withdraw Request</a>
                        </div>
                    </div>
                    
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ url()->current() }}">

                        <div class="row mb-3">
                            <div class="col-md-1"></div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="name" class="col-form-label pt-0">Agent Name</label>
                                    <input class="form-control" type="text" name="agent_name" id="name" placeholder="Agent Name" value="{{ old('agent_name') }}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="" class="col-form-label pt-0">Account number</label>
                                    <input class="form-control" type="text" name="account_number" id="" placeholder="Account Number" value="{{ old('account_number') }}">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="start_date" class="col-form-label pt-0">Start Date</label>
                                    <input class="datepicker1 form-control" type="text" name="start_date" id="start_date" placeholder="Start Date" value="{{ old('start_date') }}" autocomplete="off">
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group ">
                                    <label for="end_date" class="col-form-label pt-0">End Date</label>
                                    <input class="datepicker1 form-control" type="text" name="end_date" id="end_date" placeholder="End Date" value="{{ old('end_date') }}" autocomplete="off">
                                </div>
                            </div>                            <div class="col-md-2 mt-4">
                                <button class="btn btn-primary">Search</button>
                                {{-- <a href="{{url('products')}}" class="btn btn-danger">Clear</a> --}}
                                <a href="{{ route('withdraw_report_pending') }}"  class="btn btn-danger">Clear</a>
                            </div>
                        </div>
                    </form>
                    <div class="dropdown-divider"></div>
                    <div class="table-responsive">
                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                                <tr>
                                    <th>Sl.</th>
                                    <th>Agent Name</th>
                                    <th>Mobile Number</th>
                                    <th>Account Number</th>
                                    <th>Bank Name</th>
                                    <th>Withdraw Amount</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($pending_withdraw_reports as  $pending_report)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{ $pending_report->agent->name }}</td>
                                        <td>{{ $pending_report->mobile_number }}</td>
                                        <td>{{ $pending_report->account_number }}</td>
                                        <td>{{ $pending_report->bank_name }}</td>
                                        <td>{{ number_format($pending_report->withdraw_amount) }}</td>
                                        <td>{{  \Carbon\Carbon::parse($pending_report->date)->format('d-M-Y') }}</td>
                                        <td class="text-center">
                                            <a  type="button" class="open_modal_page btn btn-primary btn-sm dropdown-toggle" data-url="{{ route('withdraw_report_info',$pending_report->id) }}" data-title="Withdraw Report Confirmed" style="color: white">Pending <i class="mdi mdi-chevron-up"></i></a>
                                            
                                        </td>
                                    </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                        <div class="float-right mt-2">
                            {{ $pending_withdraw_reports->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div><!--end row-->
    
</div> <!-- container-fluid -->
@push('alljs')
@endpush
@endsection