@extends('layouts.admin')
@section('title', 'Staff & Doctors')
@section('page', 'staff')
@section('content')
<div class="page-content">
    <div class="page-head">
        <div>
            <div class="breadcrumbs"><span><i class="bi bi-house-door me-1"></i> Dashboard</span><i class="bi bi-chevron-right"></i><span>Users</span></div>
            <h1 class="page-title">Staff & Doctor Directory</h1>
            <p class="page-subtitle">Manage doctors and staff accounts, roles, departments, status and access.</p>
        </div>
        @can('create', App\Models\User::class)
        <div class="d-flex gap-2">
            <a class="btn-primary-teal" href="{{ route('admin.staff.create') }}?role=doctor"><i class="bi bi-person-heart me-1"></i> Add Doctor</a>
            <a class="btn-primary-teal" href="{{ route('admin.staff.create') }}"><i class="bi bi-person-plus me-1"></i> Add Staff</a>
        </div>
        @endcan
    </div>

    <div class="user-summary-grid mb-1">
        <div class="card-admin user-stat"><div class="user-stat-icon"><i class="bi bi-people"></i></div><div><strong>{{ $stats['total'] }}</strong><span>Total Users</span></div></div>
        <div class="card-admin user-stat"><div class="user-stat-icon" style="background:#e2f8f2;color:#008b76"><i class="bi bi-person-heart"></i></div><div><strong>{{ $stats['doctors'] }}</strong><span>Doctors</span></div></div>
        <div class="card-admin user-stat"><div class="user-stat-icon" style="background:#eee9ff;color:#6943db"><i class="bi bi-person-badge"></i></div><div><strong>{{ $stats['staff'] }}</strong><span>Staff & Admin</span></div></div>
        <div class="card-admin user-stat"><div class="user-stat-icon" style="background:#fff2d8;color:#d48b00"><i class="bi bi-shield-check"></i></div><div><strong>{{ $stats['active'] }}</strong><span>Active Accounts</span></div></div>
    </div>

    <form method="GET" class="card-admin directory-toolbar">
        <div class="directory-toolbar-row">
            <div class="toolbar-search"><label class="user-label">Search Users</label>
                <div class="searchbar w-100"><i class="bi bi-search"></i><input name="search" value="{{ request('search') }}" placeholder="Search by name, email or phone..."></div>
            </div>
            <div><label class="user-label">View</label><select name="role" class="form-select user-input" onchange="this.form.submit()">
                <option value="">All Doctors & Staff</option>
                <option value="doctor" @selected(request('role')==='doctor')>Doctors Only</option>
                <option value="staff" @selected(request('role')==='staff')>Staff Only</option>
                <option value="admin" @selected(request('role')==='admin')>Admins Only</option>
            </select></div>
            <div><label class="user-label">Status</label><select name="status" class="form-select user-input" onchange="this.form.submit()">
                <option value="">All Status</option>
                <option value="1" @selected(request('status')==='1')>Active</option>
                <option value="0" @selected(request('status')==='0')>Inactive</option>
            </select></div>
        </div>
    </form>

    <section class="card-admin">
        <div class="d-flex justify-content-between align-items-center px-3 py-3 border-bottom">
            <div><strong style="font-size:16px;color:#15375e">All Doctors & Staff</strong><span class="ms-2 badge rounded-pill text-bg-light">{{ $users->total() }}</span></div>
        </div>
        <div class="directory-table-wrap">
            <table class="table user-directory-table mb-0">
                <thead><tr><th>User</th><th>Role</th><th>Department</th><th>Contact</th><th>Experience</th><th>Status</th><th class="text-end">Actions</th></tr></thead>
                <tbody>
                @forelse($users as $u)
                    <tr data-user-id="{{ $u->id }}">
                        <td><div class="user-name-cell"><div class="user-avatar">{{ strtoupper(\Illuminate\Support\Str::of($u->name)->explode(' ')->map(fn($x)=>$x[0]??'')->take(2)->join('')) }}</div><div><strong>{{ $u->name }}</strong><small>{{ $u->email }}</small></div></div></td>
                        <td><span class="user-role-badge {{ $u->role }}">{{ ucfirst($u->role) }}</span></td>
                        <td>{{ $u->role==='doctor' ? ($u->doctorProfile?->department?->name ?? '—') : (config('clinic.staff_teams')[$u->team] ?? '—') }}</td>
                        <td>{{ $u->phone ?? '—' }}</td>
                        <td>{{ $u->role==='doctor' ? ($u->doctorProfile?->experience_years ?? 0).' yrs' : '—' }}</td>
                        <td><span class="user-status-badge {{ $u->status ? '' : 'inactive' }}">{{ $u->status ? 'Active' : 'Inactive' }}</span></td>
                        <td class="text-end">
                            @can('update', $u)
                            <a class="user-action-btn" title="Edit" href="{{ route('admin.staff.edit', $u) }}"><i class="bi bi-pencil"></i></a>
                            <form method="POST" action="{{ route('admin.staff.status', $u) }}" class="d-inline">@csrf @method('PUT')<button class="user-action-btn" title="Toggle"><i class="bi bi-power"></i></button></form>
                            @endcan
                            @can('delete', $u)
                            <form method="POST" action="{{ route('admin.staff.destroy', $u) }}" class="d-inline" onsubmit="return confirm('Delete this account?')">@csrf @method('DELETE')<button class="user-action-btn" title="Delete"><i class="bi bi-trash"></i></button></form>
                            @endcan
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7"><div class="directory-empty"><i class="bi bi-person-x"></i><strong>No users found</strong></div></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        <div class="pagination-admin"><span>{{ $users->total() }} accounts</span><div class="d-flex gap-1">
            <a class="page-btn {{ $users->onFirstPage()?'disabled':'' }}" href="{{ $users->previousPageUrl() ?? '#' }}">‹</a>
            <a class="page-btn {{ $users->hasMorePages()?'':'disabled' }}" href="{{ $users->nextPageUrl() ?? '#' }}">›</a>
        </div></div>
    </section>
</div>
@endsection