@php
    /** @var \App\Models\Classroom $classroom */
    $url = $classroom->joinUrl();
@endphp

<div style="text-align: center; padding: 1rem;">
    <div style="margin: 0 auto; max-width: 320px;">
        {!! $svg !!}
    </div>

    <div style="margin-top: 1rem;">
        <p style="font-size: 0.875rem; color: #6B6B6B; margin-bottom: 0.4rem;">
            Or enter the code manually at <code style="color: #960000;">/join</code>:
        </p>
        <p style="font-family: ui-monospace, monospace; font-size: 1.5rem; font-weight: 700;
                  letter-spacing: 0.25em; color: #BF9237; margin: 0.4rem 0;">
            {{ $classroom->join_code }}
        </p>
        <p style="font-size: 0.75rem; color: #6B6B6B; word-break: break-all; margin-top: 0.8rem;">
            {{ $url }}
        </p>
        @if (! $classroom->isJoinable())
            <p style="margin-top: 1rem; padding: 0.5rem; background: #FEF3C7; color: #92400E;
                      border-radius: 0.5rem; font-size: 0.875rem;">
                ⚠ Joins are currently disabled or this code has expired. Students scanning will see an error.
            </p>
        @endif
    </div>
</div>