@extends('layouts.admin')

@section('title', 'Payments')

@section('content')
    <form method="GET" class="d-flex gap-2 mb-3">
        <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Transaction ID" style="width:220px;">
        <select name="status" class="form-select" style="width:160px;">
            <option value="">All statuses</option>
            @foreach (['pending','success','failed','refunded'] as $status)
                <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
            @endforeach
        </select>
        <select name="gateway" class="form-select" style="width:160px;">
            <option value="">All gateways</option>
            @foreach (['razorpay','phonepe','upi','cod','wallet'] as $gateway)
                <option value="{{ $gateway }}" @selected(request('gateway') === $gateway)>{{ strtoupper($gateway) }}</option>
            @endforeach
        </select>
        <button class="btn btn-outline-secondary" type="submit">Filter</button>
    </form>

    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Transaction ID</th>
                    <th>Order</th>
                    <th>Gateway</th>
                    <th class="text-end">Amount</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($payments as $payment)
                    <tr>
                        <td>{{ $payment->transaction_id ?? '-' }}</td>
                        <td>{{ $payment->order->order_number ?? '-' }}</td>
                        <td>{{ strtoupper($payment->gateway) }}</td>
                        <td class="text-end">₹{{ number_format($payment->amount, 2) }}</td>
                        <td><span class="badge bg-{{ $payment->status === 'success' ? 'success' : ($payment->status === 'failed' ? 'danger' : 'secondary') }}">{{ ucfirst($payment->status) }}</span></td>
                        <td><a href="{{ route('admin.payments.show', $payment) }}" class="btn btn-sm btn-outline-secondary">View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">No payments found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $payments->links() }}</div>
@endsection