@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
  <div class="card">
    <div class="card-header">
      <h5 class="mb-0">Payout Requests</h5>
    </div>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>User</th>
            <th>Amount</th>
            <th>Status</th>
            <th>Date</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @forelse($payoutRequests as $payout)
            <tr>
              <td>{{ $payout->user->name ?? 'N/A' }}</td>
              <td>
                @php
                  $pStatus = strtolower(trim((string) $payout->status));
                @endphp
                @if(in_array($pStatus, ['approved', 'approve', 'paid', 'completed'], true))
                  <span class="badge bg-success rounded-pill px-3 py-1 fw-bold">
                    <i class="ti tabler-circle-check me-1"></i> {{ ucfirst($payout->status) }}
                  </span>
                @elseif(in_array($pStatus, ['rejected', 'reject'], true))
                  <span class="badge bg-danger rounded-pill px-3 py-1 fw-bold">
                    <i class="ti tabler-circle-x me-1"></i> Rejected
                  </span>
                @else
                  <span class="badge bg-warning text-dark rounded-pill px-3 py-1 fw-bold">
                    <i class="ti tabler-clock me-1"></i> Pending
                  </span>
                @endif
              </td>
              <td>{{ $payout->created_at->format('Y-m-d H:i') }}</td>
              <td>
                @can('update payouts')
                  <a href="{{ route('admin.payout-requests.edit', $payout) }}" class="btn btn-sm btn-outline-primary">Manage</a>
                @else
                  <span class="text-muted">-</span>
                @endcan
              </td>
            </tr>
          @empty
            <tr><td colspan="5" class="text-center py-4">No payout requests found.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>

    @if($payoutRequests->hasPages() || $payoutRequests->total() > 0)
      <div class="card-footer d-flex justify-content-between align-items-center flex-wrap py-3 border-top">
        <div class="text-muted small mb-2 mb-md-0">
          Showing <strong>{{ $payoutRequests->firstItem() ?? 0 }}</strong> to <strong>{{ $payoutRequests->lastItem() ?? 0 }}</strong> of <strong>{{ $payoutRequests->total() }}</strong> entries
        </div>
        <div>
          {{ $payoutRequests->links() }}
        </div>
      </div>
    @endif
  </div>
</div>
@endsection