@extends('layouts.app')
@section('title','Usuarios — '.config('app.name'))
@section('content')
<div class="dashboard-page"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main user-admin-page">
    <header class="admin-page-header"><div><span class="dashboard-kicker">Personas y accesos</span><h1>Usuarios</h1><p>Crea cuentas, asigna responsabilidades y controla el acceso de cada persona.</p></div><a class="btn btn-secondary" href="{{ route('admin.users.export') }}">Exportar CSV</a></header>
    @can('users.manage')
    <details class="panel user-create-panel" open><summary><span class="user-create-icon">+</span><span><strong>Crear un usuario</strong><small>Registra su acceso, rol base y estado desde un solo lugar.</small></span><i>⌄</i></summary>
        <form class="user-create-form" method="POST" action="{{ route('admin.users.store') }}">@csrf
            <section class="user-create-section"><div class="user-create-section-head"><span>01</span><div><strong>Datos de la persona</strong><small>Identifica la cuenta que se administrará.</small></div></div><div class="user-create-grid user-create-identity-grid"><label><span class="form-label">Nombre completo</span><input class="form-input" name="name" value="{{ old('name') }}" placeholder="Ej. Andrea Ramírez" required></label><label><span class="form-label">Correo electrónico</span><input class="form-input" type="email" name="email" value="{{ old('email') }}" placeholder="persona@academia.com" required></label></div></section>
            <section class="user-create-section"><div class="user-create-section-head"><span>02</span><div><strong>Acceso inicial</strong><small>Define una contraseña temporal para el primer ingreso.</small></div></div><div class="user-create-grid user-create-password-grid"><label><span class="form-label">Contraseña temporal</span><input class="form-input" type="password" name="password" minlength="10" placeholder="Mínimo 10 caracteres" required></label><label><span class="form-label">Confirmar contraseña</span><input class="form-input" type="password" name="password_confirmation" minlength="10" placeholder="Repite la contraseña" required></label></div></section>
            <section class="user-create-section"><div class="user-create-section-head"><span>03</span><div><strong>Responsabilidad y estado</strong><small>El rol aporta permisos base; después puedes agregar excepciones.</small></div></div><div class="user-create-grid user-create-access-grid"><label><span class="form-label">Rol inicial</span><select class="form-select" name="role" required>@foreach(['estudiante','instructor','administrador','superadministrador'] as $role)<option value="{{ $role }}" @selected(old('role','estudiante')===$role) @disabled($role==='superadministrador' && !auth()->user()->hasRole('superadministrador'))>{{ Str::headline($role) }}</option>@endforeach</select><small class="form-help">El rol define el conjunto base de permisos.</small></label><label><span class="form-label">Estado</span><select class="form-select" name="status"><option value="active" @selected(old('status','active')==='active')>Activo</option><option value="suspended" @selected(old('status')==='suspended')>Suspendido</option></select></label></div></section>
            <footer><span class="form-help">La cuenta se marcará como verificada para que pueda iniciar sesión.</span><button class="btn btn-primary">Crear usuario</button></footer>
        </form>
    </details>
    @endcan
    <form class="filter-bar user-filter-bar" method="GET"><input class="form-input" name="q" value="{{ request('q') }}" placeholder="Buscar por nombre o correo"><select class="form-select" name="role"><option value="">Todos los roles</option>@foreach(['superadministrador','administrador','instructor','estudiante'] as $role)<option value="{{ $role }}" @selected(request('role')===$role)>{{ Str::headline($role) }}</option>@endforeach</select><select class="form-select" name="status"><option value="">Todos los estados</option><option value="active" @selected(request('status')==='active')>Activos</option><option value="suspended" @selected(request('status')==='suspended')>Suspendidos</option></select><button class="btn btn-primary">Filtrar</button></form>
    <div class="panel table-wrap"><table class="data-table users-data-table"><thead><tr><th>Usuario</th><th>Alta</th><th>Estado</th><th>Rol y permisos</th><th>Acciones</th></tr></thead><tbody>
        @forelse($users as $user)
            <tr><td><form id="user-{{ $user->id }}" method="POST" action="{{ route('admin.users.update',$user) }}">@csrf @method('PUT')</form><a class="admin-user-link" href="{{ route('admin.users.show',$user) }}"><x-user-avatar :user="$user"/><span><strong>{{ $user->name }}</strong><small>{{ $user->email }}</small></span></a></td><td>{{ $user->created_at->translatedFormat('d M Y') }}</td><td><select form="user-{{ $user->id }}" class="form-select" name="status"><option value="active" @selected($user->status==='active')>Activo</option><option value="suspended" @selected($user->status==='suspended')>Suspendido</option></select></td><td><div class="user-role-control">@if($user->hasRole('superadministrador') && !auth()->user()->hasRole('superadministrador'))<span class="protected-role">Superadministrador <small>Protegido</small></span><input form="user-{{ $user->id }}" type="hidden" name="role" value="superadministrador">@else<select form="user-{{ $user->id }}" class="form-select" name="role">@foreach(['superadministrador','administrador','instructor','estudiante'] as $role)<option value="{{ $role }}" @selected($user->hasRole($role))>{{ Str::headline($role) }}</option>@endforeach</select>@endif<div class="user-permission-summary"><span>{{ $user->getAllPermissions()->count() }} permisos efectivos</span>@if(auth()->user()->hasRole('superadministrador') && !$user->hasRole('superadministrador'))<a href="{{ route('admin.users.show',$user) }}#permisos">Editar permisos</a>@endif</div></div></td><td><div class="user-row-actions"><a class="btn btn-secondary btn-small" href="{{ route('admin.users.show',$user) }}">Ver ficha</a>@can('users.manage')<button form="user-{{ $user->id }}" class="btn btn-primary btn-small">Guardar cambios</button>@endcan</div></td></tr>
        @empty<tr><td colspan="5" class="empty-state">No encontramos usuarios con esos filtros.</td></tr>@endforelse
    </tbody></table></div>{{ $users->links() }}
</section></div></div>
@endsection