@extends('admin.layouts.admin')

@section('title','Merchant Payouts')
@section('page-title','Merchant Payouts')

@section('content')

{{-- SUMMARY CARDS --}}
<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <small class="text-muted">Total Wallet Balance</small>
                <h4 class="mb-0 text-primary">LKR 1,245,000</h4>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <small class="text-muted">Pending Payouts</small>
                <h4 class="mb-0 text-warning">LKR 320,000</h4>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <small class="text-muted">Completed Payouts</small>
                <h4 class="mb-0 text-success">LKR 890,000</h4>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <small class="text-muted">Rejected</small>
                <h4 class="mb-0 text-danger">LKR 35,000</h4>
            </div>
        </div>
    </div>
</div>

{{-- ACTION BAR --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body d-flex justify-content-between align-items-center">
        <strong>Payout Requests</strong>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.merchants.payouts.export.csv') }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-filetype-csv"></i> Export CSV
            </a>
            <a href="{{ route('admin.merchants.payouts.export.pdf') }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-file-earmark-pdf"></i> Export PDF
            </a>
        </div>
    </div>
</div>

{{-- PAYOUT TABLE --}}
<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>#</th>
                    <th>Merchant</th>
                    <th>Amount</th>
                    <th>Wallet Balance</th>
                    <th>Requested At</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>

            @forelse($payouts as $payout)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $payout->merchant->name }}</td>
                    <td><strong>LKR {{ number_format($payout->amount,2) }}</strong></td>
                    <td>LKR {{ number_format($payout->wallet_balance,2) }}</td>
                    <td>{{ $payout->created_at->format('d M Y') }}</td>
                    <td>
                        @if($payout->status === 'pending')
                            <span class="badge bg-warning">Pending</span>
                        @elseif($payout->status === 'approved')
                            <span class="badge bg-success">Approved</span>
                        @else
                            <span class="badge bg-danger">Rejected</span>
                        @endif
                    </td>
                    <td class="text-end">

                        @if($payout->status === 'pending')
                            <form method="POST"
                                  action="{{ route('admin.merchants.payouts.approve',$payout->id) }}"
                                  class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-success">
                                    <i class="bi bi-check-circle"></i>
                                </button>
                            </form>

                            <form method="POST"
                                  action="{{ route('admin.merchants.payouts.reject',$payout->id) }}"
                                  class="d-inline">
                                @csrf
                                <button class="btn btn-sm btn-danger">
                                    <i class="bi bi-x-circle"></i>
                                </button>
                            </form>
                        @else
                            <span class="text-muted small">No action</span>
                        @endif

                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center py-4 text-muted">
                        No payout requests found
                    </td>
                </tr>
            @endforelse

            </tbody>
        </table>
    </div>
</div>

@endsection