@php $shortName = \App\Models\Setting::get('system_short_name', 'TRACE'); @endphp

<div class="card mb-3" id="account">
    <div class="card-header bg-transparent fw-semibold">
        <i class="bi bi-person-circle me-2 text-primary"></i>Signing in and your account
    </div>
    <div class="card-body">
        <p class="small">
            {{ $shortName }} does not use passwords. There are two ways in, and which one you use
            depends on the email address your account was created with.
        </p>

        <div class="row g-3 mb-3">
            <div class="col-md-6">
                <div class="border rounded p-3 h-100">
                    <div class="fw-semibold small mb-1"><i class="bi bi-google me-1"></i>UiTM accounts</div>
                    <p class="small text-muted mb-0">
                        Choose <strong>Continue with Google</strong> and sign in with your
                        <code>@uitm.edu.my</code> account. Your {{ $shortName }} account must already
                        exist — signing in with Google does not create one.
                    </p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="border rounded p-3 h-100">
                    <div class="fw-semibold small mb-1"><i class="bi bi-envelope me-1"></i>Everyone else</div>
                    <p class="small text-muted mb-0">
                        Enter your email and press <strong>Email me a sign-in code</strong>. A
                        six-digit code arrives in your inbox. Type it in and you are signed in.
                        The code expires after 10 minutes.
                    </p>
                </div>
            </div>
        </div>

        <div class="fw-semibold small mb-2">Common problems</div>
        <table class="table table-sm small mb-0">
            <tbody>
                <tr>
                    <td style="width:38%"><strong>“No {{ $shortName }} account exists for that email”</strong></td>
                    <td class="text-muted">Your account has not been created yet. Ask your faculty administrator for an invitation.</td>
                </tr>
                <tr>
                    <td><strong>The code has not arrived</strong></td>
                    <td class="text-muted">Check your spam folder, then request a new one. Requesting a new code cancels the previous one, so use the most recent email.</td>
                </tr>
                <tr>
                    <td><strong>“Too many code requests”</strong></td>
                    <td class="text-muted">Five requests per hour are allowed. Wait for the period shown, or sign in with Google if you have a UiTM account.</td>
                </tr>
                <tr>
                    <td><strong>“Your account has been deactivated”</strong></td>
                    <td class="text-muted">An administrator has switched your account off. Contact the faculty to have it reactivated.</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>