@php
/**
 * The saved-method rows, on their own so the server can re-render JUST this list.
 *
 * Choosing a different default is a one-field change; reloading the entire account page to show a
 * tick move was the heaviest possible way to say it. Account\PaymentMethodController renders this
 * fragment and hands it back, and the page swaps the list in place — see account-payment.js.
 *
 * @var array $methods this user's methods, best first
 */
$methods = $methods ?? [];
$cardModel = new \App\Models\PaymentMethod();
@endphp
<ul class="qm-pm-list">
    @foreach ($methods as $m)
    @php
        $usable  = \App\Models\PaymentMethod::isUsable($m);
        $ident   = payment_method_ident($m);
        $expires = (int) $m['exp_year'] > 0
            ? t_raw('account.exp_prefix') . ' ' . str_pad((string) (int) $m['exp_month'], 2, '0', STR_PAD_LEFT) . '/' . substr((string) (int) $m['exp_year'], -2)
            : '';
        $detail = trim(implode(' · ', array_filter([$ident, $expires])));
@endphp
    <li class="qm-pm{{ !empty($m['is_default']) ? ' is-default' : '' }}{{ $usable ? '' : ' is-expired' }}">
        @php /* THE ROW IS THE CONTROL. Choosing which method to use is a choice between
                 the rows, so the row itself is what you press and the tick moves to it —
                 a "Make default" label on every line said out loud what the tick already
                 shows, five times over. The default row is not a button: pressing the
                 thing that is already chosen should do nothing. */
@endphp
        @if (empty($m['is_default']))
        <form method="post" action="{{ route('account.payment.default') }}" class="qm-pm-choose">
            @csrf
            <input type="hidden" name="id" value="{{ (int) $m['id'] }}">
            <button type="submit" class="qm-pm-select" title="{{ t_raw('account.make_default_btn') }}">
                <span class="qm-pm-mark">{!! card_brand_mark((string) $m['brand'], 24) !!}</span>
                <span class="qm-pm-body">
                    <strong>{{ card_brand_label((string) $m['brand']) }}</strong>
                    @if ($detail !== '' || !$usable)
                    <span class="qm-pm-detail">{{ $detail }}@if (!$usable) <span class="qm-pill qm-pill-red">{{ t_raw('account.card_expired_pill') }}</span>@endif</span>
                    @endif
                </span>
                <span class="visually-hidden">{{ t_raw('account.make_default_btn') }}</span>
            </button>
        </form>
        @else
        <span class="qm-pm-select is-current">
            <span class="qm-pm-mark">{!! card_brand_mark((string) $m['brand'], 24) !!}</span>
            <span class="qm-pm-body">
                <strong>{{ card_brand_label((string) $m['brand']) }}</strong>
                @if ($detail !== '' || !$usable)
                <span class="qm-pm-detail">{{ $detail }}@if (!$usable) <span class="qm-pill qm-pill-red">{{ t_raw('account.card_expired_pill') }}</span>@endif</span>
                @endif
            </span>
        </span>
        @endif

        <span class="qm-pm-actions">
            @if (!empty($m['is_default']))
            <i class="fas fa-check qm-pm-check" aria-hidden="true" title="{{ t_raw('vendor.reservations.default_pill') }}"></i>
            <span class="visually-hidden">{{ t_raw('vendor.reservations.default_pill') }}</span>
            @endif

            @if ($cardModel->canDelete((int) ($m['user_id'] ?? 0), $m))
            <form method="post" action="{{ route('account.payment.delete') }}" class="d-inline" data-confirm="{{ t_raw('account.confirm_remove_card') }}">
                @csrf
                <input type="hidden" name="id" value="{{ (int) $m['id'] }}">
                <button type="submit" class="qm-pm-remove" title="{{ t_raw('common.delete') }}">
                    <i class="fas fa-trash-alt" aria-hidden="true"></i>
                    <span class="visually-hidden">{{ t_raw('common.delete') }}</span>
                </button>
            </form>
            @endif
        </span>
    </li>
    @endforeach
</ul>