@extends('layouts.examiner')
@section('title', 'Examiners')

@section('content')
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Examiner Accounts</h1>
    <a href="{{ route('examiner.examiners.create') }}" class="btn btn-sm btn-primary">
        <i class="fas fa-plus mr-1"></i> Add Examiner
    </a>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show">
    {{ session('success') }}
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show">
    {{ session('error') }}
    <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
</div>
@endif

<div class="card shadow mb-4">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-sm table-hover">
                <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>Username</th>
                        <th>Surname</th>
                        <th>Othernames</th>
                        <th>Type</th>
                        <th>Last Login</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($users as $user)
                <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $user->username }}</td>
                    <td>{{ $user->surname }}</td>
                    <td>{{ $user->othernames }}</td>
                    <td>
                        @if($user->type === 'admin')
                            <span class="badge badge-danger">Admin</span>
                        @elseif($user->type === 'examiner')
                            <span class="badge badge-primary">Instructor</span>
                        @else
                            <span class="badge badge-secondary">{{ ucfirst($user->type) }}</span>
                        @endif
                    </td>
                    <td>{{ $user->last_login ? \Carbon\Carbon::parse($user->last_login)->format('d M Y H:i') : '—' }}</td>
                    <td>
                        <a href="{{ route('examiner.examiners.edit', $user) }}" class="btn btn-xs btn-warning">Edit</a>
                        @if($user->id !== auth('web')->id())
                        <form method="POST" action="{{ route('examiner.examiners.destroy', $user) }}" class="d-inline"
                              onsubmit="return confirm('Delete {{ $user->username }}?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-xs btn-danger">Del</button>
                        </form>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="text-center text-muted">No examiner accounts found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection