@extends('layouts.admin')
@section('title', 'Administrators')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">YOUR CAMPAIGN TEAM</div><h1>Administrators<span class="gold">.</span></h1><p>Owners manage the team. Admins manage the campaign.</p></div><a class="button small" href="#new-administrator">Add administrator +</a></div>
<div class="info-box"><strong>Owner access</strong><p>At least one active Owner must remain. Deactivation removes access on the next request. Existing passwords are never displayed.</p></div>
<div class="panel"><div class="table-wrap"><table><thead><tr><th>Name / Email</th><th>Role</th><th>Status</th><th>Last login</th><th>Manage</th></tr></thead><tbody>@foreach($admins as $administrator)<tr><td>{{ $administrator->name }}<small>{{ $administrator->email }}</small></td><td>{{ ucfirst($administrator->admin_role) }}</td><td>{{ $administrator->admin_active ? 'Active' : 'Inactive' }}</td><td>{{ $administrator->admin_last_login_at?->format('d M Y, H:i') ?? 'Not recorded yet' }}</td><td><a class="nav-link gold" href="#administrator-{{ $administrator->id }}">Edit ↗</a></td></tr>@endforeach</tbody></table></div></div>
@foreach($admins as $administrator)<details class="panel" id="administrator-{{ $administrator->id }}"><summary style="cursor:pointer;font-weight:600">Edit {{ $administrator->name }}</summary><div style="margin-top:20px">@include('admin.partials.administrator-form', ['administrator' => $administrator])</div></details>@endforeach
<article class="panel" id="new-administrator"><div class="panel-heading"><h2>Add administrator</h2></div>@include('admin.partials.administrator-form', ['administrator' => null])</article>
<article class="panel"><div class="panel-heading"><h2>Administrator activity</h2><span class="muted">All recorded actions</span></div><div class="table-wrap"><table><thead><tr><th>Administrator</th><th>Action</th><th>Details</th><th>By</th><th>Date</th></tr></thead><tbody>@forelse($events as $event)<tr><td>{{ $event->admin_email }}</td><td>{{ $event->action }}</td><td><span style="white-space:normal;overflow-wrap:anywhere;display:block;max-width:420px">{{ $event->details }}</span></td><td>{{ $event->actor_name }}</td><td>{{ \Carbon\Carbon::parse($event->created_at)->format('d M Y, H:i') }}</td></tr>@empty<tr><td colspan="5">No activity recorded yet.</td></tr>@endforelse</tbody></table></div>@if($events->hasPages())<nav class="pagination" aria-label="Activity pages">@if($events->previousPageUrl())<a href="{{ $events->previousPageUrl() }}">← Previous</a>@endif<span>Page {{ $events->currentPage() }} of {{ $events->lastPage() }}</span>@if($events->nextPageUrl())<a href="{{ $events->nextPageUrl() }}">Next →</a>@endif</nav>@endif</article>
@endsection
@push('scripts')
<script>
document.querySelectorAll('a[href^="#administrator-"]').forEach(link => link.addEventListener('click', () => { const target = document.getElementById(link.hash.slice(1)); if(target)target.open=true; }));
</script>
@endpush