@extends('admin.layouts.app')

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

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-900">Users Management</h1>
            <p class="text-sm text-slate-600 mt-1">Manage and monitor registered users</p>
        </div>
        <div class="flex items-center gap-3">
            <a href="{{ route('admin.nurses.create') }}" class="admin-btn admin-btn-primary inline-flex items-center gap-2">
                <span class="text-lg leading-none">+</span>
                Add User
            </a>
            <a href="{{ route('admin.nurses.export', request()->query()) }}" class="admin-btn admin-btn-success inline-flex items-center gap-2">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                </svg>
                Export CSV
            </a>
        </div>
    </div>

    <!-- Search & Filters -->
    @include('admin.nurses._filters')

    <!-- Summary Stat Cards & Quick Actions -->
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
        @include('admin.components.stat_card', ['label' => 'Total Nurses', 'value' => $summary['total'] ?? 0, 'icon' => 'fa-solid fa-user-nurse', 'color' => 'slate', 'sparkline' => []])
        @include('admin.components.stat_card', ['label' => 'Active', 'value' => $summary['active'] ?? 0, 'icon' => 'fa-solid fa-user-check', 'color' => 'emerald'])
        @include('admin.components.stat_card', ['label' => 'New This Week', 'value' => $summary['new_this_week'] ?? 0, 'icon' => 'fa-solid fa-calendar-week', 'color' => 'blue'])
        @include('admin.components.stat_card', ['label' => 'Apps (7d)', 'value' => $summary['applications_last_7'] ?? 0, 'icon' => 'fa-solid fa-clipboard-list', 'color' => 'orange'])
    </div>

    <!-- Users Table -->
    @include('admin.nurses._table')
</div>
@endsection