@extends('layouts.app')
@section('title','Instructores — '.config('app.name'))
@section('content')
<div class="dashboard-page"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main instructor-admin-page">
    <header class="admin-page-header"><div><span class="dashboard-kicker">Personas y acceso</span><h1>Instructores</h1><p>Crea, organiza y mantiene actualizadas las cuentas responsables del contenido académico.</p></div>@can('users.manage')<a class="btn btn-primary" href="#nuevo-instructor">+ Nuevo instructor</a>@endcan</header>

    <section class="instructor-stat-strip" aria-label="Resumen de instructores"><article><span>Total</span><strong>{{ $stats['total'] }}</strong><small>cuentas con rol instructor</small></article><article><span>Activos</span><strong>{{ $stats['active'] }}</strong><small>pueden acceder a su espacio</small></article><article><span>Con cursos</span><strong>{{ $stats['with_courses'] }}</strong><small>responsables de contenido</small></article></section>

    @can('users.manage')
    <details class="panel instructor-create-panel" id="nuevo-instructor" open><summary><span class="user-create-icon">+</span><span><strong>Crear instructor</strong><small>La cuenta se crea con permisos de creación y gestión de sus propios cursos.</small></span><i>⌄</i></summary>
        <form class="instructor-create-form" method="POST" action="{{ route('admin.instructors.store') }}">@csrf
            <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="instructor@academia.com" required></label>
            <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>
            <label><span class="form-label">Teléfono</span><input class="form-input" name="phone" value="{{ old('phone') }}" placeholder="Opcional"></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>
            <label class="field-full"><span class="form-label">Presentación profesional</span><textarea class="form-textarea" name="bio" rows="2" placeholder="Especialidad, experiencia o enfoque formativo.">{{ old('bio') }}</textarea></label>
            <footer><span class="form-help">Podrás editar estos datos y la contraseña desde el registro del instructor.</span><button class="btn btn-primary">Crear instructor</button></footer>
        </form>
    </details>
    @endcan

    <form class="filter-bar instructor-filter-bar" method="GET"><input class="form-input" name="q" value="{{ request('q') }}" placeholder="Buscar por nombre o correo"><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>

    <section class="panel instructor-list-panel"><header class="panel-head"><div><span>Directorio académico</span><h2>Equipo de instructores</h2><p>Abre un registro para editar datos, restablecer su contraseña o eliminar una cuenta sin cursos asignados.</p></div><strong>{{ $instructors->total() }} resultados</strong></header><div class="instructor-record-list">
        @forelse($instructors as $instructor)
        <details class="instructor-record"><summary><x-user-avatar :user="$instructor" class="instructor-record-avatar"/><span><strong>{{ $instructor->name }}</strong><small>{{ $instructor->email }}@if($instructor->phone) · {{ $instructor->phone }}@endif</small></span><b>{{ $instructor->courses_count }} {{ $instructor->courses_count === 1 ? 'curso' : 'cursos' }}</b><em class="status status-{{ $instructor->status === 'active' ? 'active' : 'suspended' }}">{{ $instructor->status === 'active' ? 'Activo' : 'Suspendido' }}</em><i>⌄</i></summary>
            @can('users.manage')
            <div class="instructor-record-body"><form class="instructor-edit-form" method="POST" action="{{ route('admin.instructors.update', $instructor) }}">@csrf @method('PUT')
                <label><span class="form-label">Nombre completo</span><input class="form-input" name="name" value="{{ $instructor->name }}" required></label>
                <label><span class="form-label">Correo electrónico</span><input class="form-input" type="email" name="email" value="{{ $instructor->email }}" required></label>
                <label><span class="form-label">Teléfono</span><input class="form-input" name="phone" value="{{ $instructor->phone }}" placeholder="Opcional"></label>
                <label><span class="form-label">Estado</span><select class="form-select" name="status"><option value="active" @selected($instructor->status === 'active')>Activo</option><option value="suspended" @selected($instructor->status === 'suspended')>Suspendido</option></select></label>
                <label><span class="form-label">Nueva contraseña</span><input class="form-input" type="password" name="password" minlength="10" placeholder="Déjala vacía para conservarla"></label>
                <label><span class="form-label">Confirmar contraseña</span><input class="form-input" type="password" name="password_confirmation" minlength="10" placeholder="Solo si vas a cambiarla"></label>
                <label class="field-full"><span class="form-label">Presentación profesional</span><textarea class="form-textarea" name="bio" rows="2">{{ $instructor->bio }}</textarea></label>
                <footer><span class="form-help">Los cambios de acceso se aplican en el siguiente inicio de sesión.</span><button class="btn btn-primary">Guardar cambios</button></footer>
            </form><div class="instructor-delete-row"><div><strong>Eliminar instructor</strong><span>@if($instructor->courses_count) Reasigna sus {{ $instructor->courses_count }} {{ $instructor->courses_count === 1 ? 'curso' : 'cursos' }} antes de eliminar su cuenta. @else Esta acción desactiva y elimina la cuenta del directorio. @endif</span></div>@if($instructor->courses_count === 0)<form method="POST" action="{{ route('admin.instructors.destroy', $instructor) }}" data-confirm="¿Eliminar a {{ $instructor->name }}? Esta acción retirará su cuenta del directorio.">@csrf @method('DELETE')<button class="btn btn-danger btn-small">Eliminar instructor</button></form>@else<button class="btn btn-secondary btn-small" disabled>Reasignación requerida</button>@endif</div></div>
            @endcan
        </details>
        @empty<div class="admin-empty-compact"><span>—</span><div><strong>No hay instructores con estos filtros</strong><small>Crea una cuenta para comenzar a asignar responsables a los cursos.</small></div></div>@endforelse
    </div></section>{{ $instructors->links() }}
</section></div></div>
@endsection