{{-- Phase 1a: Authorizations Tab --}}
<div class="project-box p-3 mb-3">
    {{-- KPI Cards Row --}}
    @php($authKpis = $authKpis ?? ['total'=>0,'approved'=>0,'declined'=>0,'approvalPct'=>0,'totalAmount'=>0])
    <div class="row mb-3 g-2">
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="text-muted small mb-1">Total Authorizations</div>
                <div class="fw-bold fs-4">{{ number_format($authKpis['total']) }}</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="text-muted small mb-1">Approved</div>
                <div class="fw-bold fs-4 text-success">{{ number_format($authKpis['approved']) }}</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="text-muted small mb-1">Declined</div>
                <div class="fw-bold fs-4 text-danger">{{ number_format($authKpis['declined']) }}</div>
            </div>
        </div>
        <div class="col-6 col-md-3">
            <div class="card border-0 shadow-sm text-center p-3">
                <div class="text-muted small mb-1">Approval Rate</div>
                <div class="fw-bold fs-4">{{ $authKpis['approvalPct'] }}%</div>
            </div>
        </div>
    </div>

    {{-- Date range filter --}}
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h6 class="fw-semibold mb-0">Authorization Transactions</h6>
        <div class="d-inline-flex gap-2 align-items-center">
            <div class="project-form mb-0">
                <label for="auth-date-range">Date Range</label>
                <select class="form-control select2 no-search auth-date-range" id="auth-date-range">
                    <option value="this_month" selected>This Month</option>
                    <option value="last_30">Last 30 Days</option>
                    <option value="last_90">Last 90 Days</option>
                    <option value="this_year">This Year</option>
                    <option value="lifetime">Lifetime</option>
                </select>
            </div>
        </div>
    </div>

    <div class="table-responsive project-table">
        <table class="table table-bordered mb-0">
            <thead>
            <tr>
                <th>Date / Time</th>
                <th>Card Type</th>
                <th>Amount</th>
                <th>Auth Code</th>
                <th>Cardholder</th>
                <th>Status</th>
            </tr>
            </thead>
            <tbody>
            @forelse($authorizations as $row)
                <tr>
                    <td>{{ $row->transaction_date ? \App\Helpers\Helper::showdate($row->transaction_date, false, 'm/d/Y H:i') : '—' }}</td>
                    <td>
                        @if($row->card_type)
                            {!! \App\Helpers\Helper::cardImgTag($row->card_type, 'me-1', 'height:20px') !!}
                            {{ strtoupper($row->card_type) }}
                        @else
                            —
                        @endif
                    </td>
                    <td>${{ number_format($row->amount ?? 0, 2) }}</td>
                    <td>{{ $row->auth_code ?? '—' }}</td>
                    <td>{{ $row->cardholder_name ?? '—' }}</td>
                    <td>
                        @php($status = $row->status ?? 0)
                        @if($status == 1)
                            <span class="badge bg-success">Approved</span>
                        @elseif($status == 2)
                            <span class="badge bg-warning">Disputed</span>
                        @elseif($status == 3)
                            <span class="badge bg-danger">Chargeback</span>
                        @else
                            <span class="badge bg-secondary">Pending</span>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center py-4">No authorization records found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @php($data = $authorizations)
    @include('admin.components.pagination-inner')
</div>