@extends('admin.layout')
@section('title', 'Administrators')
@section('content')
<div class="grid-2">
    <div class="card flush">
        <table class="table">
            <thead><tr><th>Name</th><th>Email</th><th>Last login</th><th></th></tr></thead>
            <tbody>
            @foreach ($users as $u)
                <tr>
                    <td class="strong">{{ $u->name }} @if($u->is(auth()->user()))<span class="badge">you</span>@endif</td>
                    <td class="small">{{ $u->email }}</td>
                    <td class="small muted">{{ $u->last_login_at ? \Illuminate\Support\Carbon::parse($u->last_login_at)->diffForHumans().' · '.$u->last_login_ip : 'never' }}</td>
                    <td class="right">@unless($u->is(auth()->user()))<form method="post" action="{{ route('admin.users.destroy', $u) }}" data-confirm="Remove {{ $u->name }}?">@csrf @method('DELETE')<button class="btn btn-sm btn-ghost" type="submit">Remove</button></form>@endunless</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    <form class="card" method="post" action="{{ route('admin.users.store') }}">
        @csrf
        <h2>Add administrator</h2>
        <label class="field"><span>Name</span><input type="text" name="name" required></label>
        <label class="field"><span>Email</span><input type="email" name="email" required autocomplete="off"></label>
        <label class="field"><span>Password <small class="muted">— at least 12 characters with upper/lower case and a number</small></span><input type="password" name="password" required autocomplete="new-password" minlength="12"></label>
        <button class="btn btn-primary" type="submit">Add</button>
    </form>
</div>
@endsection