@extends('layouts.staff')
@section('title', 'Recovery codes')
@section('content')
<div class="mx-auto max-w-md space-y-4">
    <h1 class="text-3xl">Save your recovery codes</h1>
    <p>Each code works once if you lose your phone. They are shown only now. Store them somewhere safe.</p>
    <ul class="card grid grid-cols-2 gap-2 font-mono">@foreach($codes as $c)<li class="rounded bg-asphalt-100 px-2 py-1">{{ $c }}</li>@endforeach</ul>
    <a class="btn-primary" href="{{ route('staff.dashboard') }}">I have saved them</a>
</div>
@endsection