@extends('layouts.staff')
@section('title', 'Dashboard')
@section('content')
<h1 class="text-3xl">Welcome, {{ $staff->name }}</h1>
<p class="text-asphalt-600">{{ $staff->roleLabel() }}</p>

@if(count($stats))
<dl class="mt-6 grid gap-4 sm:grid-cols-3">
    @foreach(['members' => 'Members', 'members_with_2fa' => 'Members with 2FA', 'staff' => 'Staff accounts'] as $key => $label)
        @isset($stats[$key])
            <div class="card"><dt class="text-sm font-semibold text-asphalt-600">{{ $label }}</dt><dd class="font-display text-4xl font-extrabold">{{ number_format($stats[$key]) }}</dd></div>
        @endisset
    @endforeach
</dl>
@endif

@if($features)
<section class="card mt-8" aria-labelledby="ff">
    <h2 id="ff" class="text-xl">Feature switches</h2>
    <p class="hint">Read-only in Phase 1. The control screen arrives with the admin phase.</p>
    <ul class="mt-3 divide-y-2 divide-asphalt-100">
        @foreach($features as $name => $on)
            <li class="flex items-center justify-between py-2"><span class="font-semibold">{{ $name }}</span>
                <span class="rounded px-2 py-0.5 text-sm font-bold {{ $on ? 'bg-sign-soft text-sign-dark' : 'bg-asphalt-100 text-asphalt-600' }}">{{ $on ? 'On' : 'Off' }}</span></li>
        @endforeach
    </ul>
</section>
@endif
@endsection