@extends('admin.layout')

@section('content')
<div class="page-title">Payouts</div>

<div class="card">
    <form method="GET" class="search-bar">
        <select name="status">
            <option value="">All Status</option>
            <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
            <option value="paid" {{ request('status') === 'paid' ? 'selected' : '' }}>Paid</option>
            <option value="failed" {{ request('status') === 'failed' ? 'selected' : '' }}>Failed</option>
        </select>
        <button type="submit">Filter</button>
    </form>

    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Lender</th>
                <th>Booking</th>
                <th>Amount</th>
                <th>Status</th>
                <th>Date</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @foreach($payouts as $payout)
            <tr>
                <td>#{{ $payout->id }}</td>
                <td>{{ $payout->user->name }}</td>
                <td>#{{ $payout->booking_id }}</td>
                <td>£{{ number_format($payout->amount, 2) }}</td>
                <td>
                    @if($payout->status === 'paid')
                        <span class="badge badge-green">Paid</span>
                    @elseif($payout->status === 'failed')
                        <span class="badge badge-red">Failed</span>
                    @else
                        <span class="badge badge-orange">Pending</span>
                    @endif
                </td>
                <td>{{ $payout->created_at->format('d M Y') }}</td>
                <td>
                    @if($payout->status === 'pending')
                    <form method="POST" action="{{ route('admin.payouts.override', $payout->id) }}" style="display:inline">
                        @csrf @method('PATCH')
                        <input type="hidden" name="status" value="paid">
                        <button class="btn btn-green">Mark Paid</button>
                    </form>
                    <form method="POST" action="{{ route('admin.payouts.override', $payout->id) }}" style="display:inline">
                        @csrf @method('PATCH')
                        <input type="hidden" name="status" value="failed">
                        <button class="btn btn-red">Mark Failed</button>
                    </form>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $payouts->links() }}</div>
</div>
@endsection