@extends('agent.layouts.layout')
@section('content')
    <div class="pxp-dashboard-content-details">
        <div class="row">
            <div class="col-md-6">
                <h1>Wallet List</h1>
                <p class="pxp-text-light">Detailed list of your Wallet List.</p>
                <span><strong>Wallet Balance : </strong>$0</span>
            </div>
            <div class="col-md-6" style="text-align: right;">
               <a href="{{route('agent.wallet_request_add')}}" class="btn btn-block btn-success">Request</a>
            </div>
        </div>

        <div class="mt-lg-5 mb-4">
            <div class="row">
                <div class="col-md-3">
                    <div class="pxp-candidate-dashboard-jobs-bulk-actions mb-3">
                        <select class="form-select">
                            <option value="">Payment Status</option>
                            <option value="10">Pending</option>
                            <option value="1">Paid</option>
                            <option value="2">Rejected</option>
                        </select>
                    </div>                
                </div>
                <div class="col-md-3">
                     <input type="date" class="form-control flatpickr-input" wire:model="startDate" id="start_date" style="">              
                </div>
                <div class="col-md-3">
                     <input type="date" class="form-control flatpickr-input" wire:model="startDate" id="start_date" style="">              
                </div>
                
            </div>
            <div class="table-responsive mt-4">
                <table id="example1" class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Amount</th>
                            <th>Currency</th>
                            <th>Status</th>
                            <th>Created At</th>
                            <th>Settlement</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($transactions ?? [] as $transaction)
                                    <tr>
                                        <td class="py-1">
                                            {{ $loop->iteration }}
                                        </td>

                                        <td> ${{ $transaction->transaction_amount }}</td>
                                        <td> {{ $transaction->transaction_currency ?? '' }}</td>
                                        <td>
                                            @if ($transaction->transaction_status == 1)
                                                <label class="badge badge-success text-dark">Paid</label>
                                            @elseif ($transaction->transaction_status == 2)
                                                <label class="badge badge-danger text-dark">Rejected</label>
                                            @else
                                                <label class="badge badge-warning text-dark">Pending</label>
                                            @endif
                                        </td>
                                        <td> {{ date('M d, Y', strtotime($transaction->created_at)) }} </td>
                                        <td> {{ $transaction->transaction_date ? date('M d, Y', strtotime($transaction->transaction_date)) : 'N/A' }}
                                        </td>
                                        <td>
                                            @if ($transaction->transaction_status == 2)
                                                <button class="btn btn-danger btn-sm text-dark"
                                                    wire:click="rejectModal({{ $transaction->id }})">Rejected</button>
                                            @else
                                                <label class="badge badge-success text-dark">Release</label>
                                            @endif
                                            {{-- <button wire:click="view({{ $transaction->id }})"
                                                class="btn btn-info btn-sm">View</button> --}}
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">No Data Found</td>
                                    </tr>
                                @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection