@php
/**
 * The subscription-plan catalogue, as Settings → Subscription plans renders it.
 *
 * Configuration only: what each plan costs, what it allows, and — per tier — how long a new
 * subscriber pays nothing before that price starts. It sits with tax and currency because it is the same kind of
 * thing — a number the operator sets. How the catalogue is PERFORMING is a different question, read
 * at a different moment, and lives on its own page (admin/plans.php).
 *
 * @var array $rows      plans on this page
 * @var array $pager     pagination metadata
 */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('admin.plans.table_title') }}</h2>
            <p class="qm-ops-sub mb-0">{{ t_raw('admin.plans.table_sub') }}</p>
        </div>
        <button type="button" class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#planModal" data-plan-add>{{ t_raw('admin.plans.add_btn') }}</button>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('admin.plans.table_title') }}</caption>
        <thead><tr><th data-sort="text">{{ t_raw('admin.plans.col_plan') }}</th><th data-sort="number">{{ t_raw('common.price') }}</th><th data-sort="text">{{ t_raw('admin.plans.col_cycle') }}</th><th data-sort="number">{{ t_raw('admin.plans.col_max_items') }}</th><th data-sort="number">{{ t_raw('admin.plans.col_commission') }}</th><th data-sort="number">{{ t_raw('admin.plans.col_restaurants') }}</th><th data-sort="number">{{ t_raw('admin.plans.col_earnings') }}</th><th data-sort="text">{{ t_raw('common.active') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $p)
            <tr>
                <td>{!! plan_tag((string) $p['slug'], (string) $p['name']) !!}</td>
                <td data-sort-value="{{ (string) $p['price'] }}">{{ money($p['price']) }}</td>
                <td>{{ status_label('billing_cycle', $p['billing_cycle']) }}</td>
                @php /* "Unlimited" is not a number the sorter can rank, so it sorts as the
                          largest allowance there is rather than as zero. */
@endphp
                <td data-sort-value="{{ (int) $p['max_menu_items'] === 0 ? 999999 : (int) $p['max_menu_items'] }}">{!! (int) $p['max_menu_items'] === 0 ? t('admin.plans.unlimited') : number_format((int) $p['max_menu_items']) !!}</td>
                <td data-sort-value="{{ (string) $p['commission_percent'] }}">{{ $p['commission_percent'] }}%</td>
                <td data-sort-value="{{ (int) $p['restaurants'] }}">
                    @if ((int) $p['restaurants'] > 0)
                    <strong>{{ number_format((int) $p['restaurants']) }}</strong>
                    <span class="qm-cell-sub">{{ t_raw('admin.plans.active_subs_sub', [':n' => number_format((int) $p['active_subs'])]) }}</span>
                    @else
                    <span class="text-muted">{{ t_raw('admin.plans.nobody_on_plan') }}</span>
                    @endif
                </td>
                <td data-sort-value="{{ (string) $p['plan_earnings'] }}">
                    <strong>{{ money($p['plan_earnings']) }}</strong>
                    <span class="qm-cell-sub">{{ t_raw('admin.plans.earnings_split', [':subs' => money($p['subscription_cash']), ':commission' => money($p['commission_cash'])]) }}</span>
                </td>
                <td><span class="qm-pill {{ $p['is_active'] ? 'qm-pill-green' : 'qm-pill-grey' }}">{!! $p['is_active'] ? t('common.yes') : t('common.no') !!}</span></td>
                <td class="qm-actions-cell"><button type="button" class="qm-icon-btn" data-bs-toggle="modal" data-bs-target="#planModal" data-plan-edit
                    data-id="{{ (int) $p['id'] }}" data-name="{{ $p['name'] }}" data-price="{{ $p['price'] }}" data-cycle="{{ $p['billing_cycle'] }}"
                    data-trial="{{ (int) ($p['trial_days'] ?? 0) }}" data-max="{{ (int) $p['max_menu_items'] }}" data-comm="{{ $p['commission_percent'] }}" data-features="{{ $p['features'] ?? '' }}" data-active="{{ (int) $p['is_active'] }}" data-reqpay="{{ (int) ($p['require_payment_method'] ?? 1) }}"
                    aria-label="{{ t_raw('common.edit') }}"><i class="fas fa-pen"></i></button></td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 9, 'icon' => 'fa-layer-group', 'msg' => t('admin.plans.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @php /* The toolbar addresses the page this table is rendered ON, which is Settings —
             /admin/plans is the performance half and draws no table at all, so pointing the
             pager and the rows-per-page picker there sent page two to a screen with no rows
             on it and put the rest of the catalogue out of reach. */
@endphp
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/settings'])
</div>

@php /* The trial belongs with the prices, because it is part of what a plan costs: it decides how
          long a new subscriber pays nothing before the price above starts. Platform-wide rather than
          per-tier — a trial is an acquisition offer, not a property of one plan — so it has its own
          card under the catalogue instead of a field inside the per-plan modal. */
@endphp
<div class="modal fade" id="planModal" tabindex="-1" aria-labelledby="plan-modal-title" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form class="modal-content" method="post" action="{{ route('admin.plans') }}">
            @csrf
            <input type="hidden" name="id" id="plan-id">
            <div class="modal-header"><h2 class="modal-title h5" id="plan-modal-title">{{ t_raw('admin.plans.modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="plan-name">{{ t_raw('common.name') }}</label><input type="text" id="plan-name" name="name" class="form-control" required placeholder="{{ t_raw('admin.subscriptions.choose_plan_placeholder') }}"></div>
                <div class="qm-form-grid qm-form-grid-3">
                    <div class="mb-3"><label class="form-label" for="plan-price">{{ t_raw('common.price') }}</label><input type="number" step="0.01" min="0" id="plan-price" name="price" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_amount') }}"></div>
                    <div class="mb-3"><label class="form-label" for="plan-cycle">{{ t_raw('admin.plans.field_billing_cycle') }}</label><select id="plan-cycle" name="billing_cycle" class="form-select"><option value="monthly">{{ status_label('billing_cycle', 'monthly') }}</option><option value="yearly">{{ status_label('billing_cycle', 'yearly') }}</option><option value="lifetime">{{ status_label('billing_cycle', 'lifetime') }}</option></select></div>
                    @php /* A trial is part of what this tier costs, so it sits with the price and the
                              cycle rather than in a platform-wide setting: an entry plan and an
                              enterprise one are not sold on the same terms. */
@endphp
                    <div class="mb-3"><label class="form-label" for="plan-trial">{{ t_raw('admin.plans.field_trial_days') }} <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.plans.trial_days_help') }}" data-qm-tip="{{ t_raw('admin.plans.trial_days_help') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button></label><input type="number" min="0" max="90" id="plan-trial" name="trial_days" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                    <div class="mb-3"><label class="form-label" for="plan-max">{{ t_raw('admin.plans.field_max_items') }}</label><input type="number" min="0" id="plan-max" name="max_menu_items" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                    <div class="mb-3"><label class="form-label" for="plan-comm">{{ t_raw('admin.plans.field_commission') }}</label><input type="number" step="0.01" min="0" max="100" id="plan-comm" name="commission_percent" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_percent') }}"></div>
                </div>
                <div class="mb-3"><label class="form-label" for="plan-features">{{ t_raw('admin.plans.field_features') }}</label><textarea id="plan-features" name="features" class="form-control" rows="2" placeholder="{{ t_raw('vendor.settings.description_placeholder') }}"></textarea></div>
                @php /* ONLY A FREE TIER HAS THIS QUESTION. A paid tier proves the card by charging
                         it; a free one proves nothing unless asked to, so the operator chooses per
                         plan whether "free" still passes through the checkout — card vaulted,
                         nothing charged. Shown only while the price reads 0, because at any other
                         price the answer is already "yes, by paying". */
@endphp
                <div class="mb-3" id="plan-reqpay-row" hidden>
                    <label class="qm-check"><input type="checkbox" id="plan-reqpay" name="require_payment_method" value="1" checked> {{ t_raw('admin.plans.field_require_payment') }} <button type="button" class="qm-tip" aria-label="{{ t_raw('admin.plans.require_payment_help') }}" data-qm-tip="{{ t_raw('admin.plans.require_payment_help') }}"><i class="fas fa-info-circle" aria-hidden="true"></i></button></label>
                </div>
                <label class="qm-check"><input type="checkbox" id="plan-active" name="is_active" value="1" checked> {{ t_raw('common.active') }}</label>
                <script>
                (function () {
                    var price = document.getElementById('plan-price');
                    var row = document.getElementById('plan-reqpay-row');
                    if (!price || !row) { return; }
                    var sync = function () { row.hidden = parseFloat(price.value || '0') > 0; };
                    price.addEventListener('input', sync);
                    // The modal is filled by script when editing, which fires no input event.
                    document.getElementById('planModal').addEventListener('shown.bs.modal', sync);
                })();
                </script>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>