@extends('layouts.admin')

@section('title', 'Staff Management')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Staff Members <span class="page-title-count">({{ $staff->total() ?? 0 }})</span></h1>
    </div>
    <div class="page-actions">
        <a href="{{ route('admin.staff.create') }}" class="btn btn-primary">
            <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
            Add Staff
        </a>
    </div>
</div>

<div class="card">
    <x-data-table :emptyMessage="'No staff members found.'" :paginator="$staff ?? null">
        <x-slot:thead>
            <th>Name</th>
            <th>Email</th>
            <th>Role</th>
            <th>Status</th>
            <th>Last Login</th>
            <th>Actions</th>
        </x-slot:thead>
        <x-slot:tbody>
            @forelse($staff ?? [] as $member)
            <tr>
                <td>
                    <div class="table-user">
                        <div class="table-avatar table-avatar-sm">
                            <span>{{ strtoupper(substr($member->name, 0, 1)) }}</span>
                        </div>
                        <span class="text-semibold">{{ $member->name }}</span>
                    </div>
                </td>
                <td>{{ $member->email }}</td>
                <td><span class="badge badge-blue">{{ ucfirst($member->role?->slug) }}</span></td>
                <td><span class="badge badge-{{ $member->is_active ? 'green' : 'red' }}">{{ $member->is_active ? 'Active' : 'Inactive' }}</span></td>
                <td>{{ $member->last_login_at ? $member->last_login_at->diffForHumans() : 'Never' }}</td>
                <td>
                    <div class="table-actions">
                        <a href="{{ route('admin.staff.edit', $member->id) }}" class="btn btn-sm btn-outline">Edit</a>
                        <form method="POST" action="{{ route('admin.staff.toggle', $member->id) }}" class="inline">
                            @csrf
                            @method('PATCH')
                            <button type="submit" class="btn btn-sm btn-outline {{ $member->is_active ? 'btn-orange' : 'btn-green' }}" onclick="return confirm('{{ $member->is_active ? 'Deactivate' : 'Activate' }} this staff member?')">
                                {{ $member->is_active ? 'Deactivate' : 'Activate' }}
                            </button>
                        </form>
                        <form method="POST" action="{{ route('admin.staff.reset-password', $member->id) }}" class="inline">
                            @csrf
                            @method('POST')
                            <button type="submit" class="btn btn-sm btn-outline" onclick="return confirm('Reset password for {{ $member->name }}?')">Reset Password</button>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="6">
                    <div class="data-table-empty-content">
                        <svg width="48" height="48" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="24" fill="#F1F5F9"/><circle cx="20" cy="18" r="6" stroke="#94A3B8" stroke-width="1.5"/><path d="M8 38c0-5.5 5.4-10 12-10s12 4.5 12 10" stroke="#94A3B8" stroke-width="1.5" stroke-linecap="round"/></svg>
                        <p>No staff members found.</p>
                    </div>
                </td>
            </tr>
            @endforelse
        </x-slot:tbody>
    </x-data-table>
</div>
@endsection