@php
/**
 * RIGHT column of the login page (PREVIEW-ONLY): one-click demo-login access to every
 * role's dashboard. Rendered by layouts/auth.php as $authRight ONLY when demo_mode is on,
 * so the shipped product never includes it (production login = the centered form alone).
 * Self-contained so it can be dropped from the product with zero side effects.
 */
$demoGroups = [
    ['label' => t_raw('auth.demo.group_platform'), 'rows' => [
        ['super_admin', t_raw('auth.demo.role_admin'), 'fa-user-shield', t_raw('auth.demo.role_admin_desc')],
    ]],
    ['label' => t_raw('auth.demo.group_restaurant_staff'), 'rows' => [
        ['vendor',        t_raw('auth.demo.role_owner'),          'fa-store',         t_raw('auth.demo.role_owner_desc')],
        ['manager_staff', t_raw('common.manager'),                'fa-user-shield',   t_raw('auth.demo.role_manager_desc')],
        ['kitchen_staff', t_raw('auth.demo.role_kitchen'),        'fa-fire',          t_raw('auth.demo.role_kitchen_desc')],
        ['host_staff',    t_raw('common.role_host_staff'),        'fa-chair',         t_raw('auth.demo.role_host_desc')],
        ['waiter_staff',  t_raw('common.role_waiter_staff'),      'fa-cash-register', t_raw('auth.demo.role_waiter_desc')],
    ]],
    ['label' => t_raw('auth.demo.group_delivery'), 'rows' => [
        ['driver', t_raw('auth.demo.role_driver'), 'fa-motorcycle', t_raw('auth.demo.role_driver_desc')],
    ]],
    ['label' => t_raw('auth.demo.group_customers'), 'rows' => [
        ['customer', t_raw('common.role_customer'), 'fa-user', t_raw('auth.demo.role_customer_desc')],
    ]],
];
@endphp
<div class="qm-demo">
    <div class="qm-demo-head">
        <span class="qm-demo-eyebrow">{{ t_raw('auth.demo.eyebrow') }}</span>
        <h2 class="qm-demo-title">{{ t_raw('auth.demo.title') }}</h2>
        <p class="qm-demo-lead">{{ t_raw('auth.demo.lead') }}</p>
    </div>
    @foreach ($demoGroups as $group)
    <div class="qm-demo-group">
        <span class="qm-demo-group-label">{{ $group['label'] }}</span>
        <div class="qm-demo-grid">
            @foreach ($group['rows'] as [$role, $name, $icon, $desc])
            <form method="post" action="{{ route('demo-login') }}">
                @csrf
                <input type="hidden" name="role" value="{{ $role }}">
                <button type="submit" class="qm-demo-btn">
                    <span class="qm-demo-btn-ico"><i class="fas {{ $icon }}" aria-hidden="true"></i></span>
                    <span class="qm-demo-btn-body">
                        <span class="qm-demo-btn-name">{{ $name }}</span>
                        <span class="qm-demo-btn-desc">{{ $desc }}</span>
                    </span>
                </button>
            </form>
            @endforeach
        </div>
    </div>
    @endforeach
    <p class="qm-demo-note">{{ t_raw('auth.demo.note') }}</p>
</div>