@extends('layouts.app')
@section('title','Inscripciones — '.config('app.name'))
@section('content')
<div class="container-shell dashboard-shell">
    <x-dashboard-sidebar/>
    <section class="dashboard-main">
        <div class="dashboard-title"><div><h1>Inscripciones</h1><p>Activa, suspende y consulta el acceso real de cada estudiante.</p></div></div>
        <div class="panel" style="margin-bottom:1rem"><div class="panel-head"><h2>Inscripción manual</h2></div><form class="panel-body form-grid" method="POST" action="{{ route('admin.enrollments.store') }}">@csrf<div><label class="form-label">Correo del usuario</label><input class="form-input" type="email" name="email" required></div><div><label class="form-label">Curso</label><select class="form-select" name="course_id" required><option value="">Selecciona</option>@foreach($courses as $course)<option value="{{ $course->id }}">{{ $course->title }}</option>@endforeach</select></div><div><label class="form-label">Vencimiento opcional</label><input class="form-input" type="date" name="expires_at"></div><div style="align-self:end"><button class="btn btn-primary">Activar inscripción</button></div></form></div>
        <form class="filter-bar" style="grid-template-columns:2fr 1fr auto" method="GET"><input class="form-input" name="q" value="{{ request('q') }}" placeholder="Estudiante o correo"><select class="form-select" name="status"><option value="">Todos</option>@foreach(['active','suspended','cancelled'] as $status)<option @selected(request('status')===$status)>{{ $status }}</option>@endforeach</select><button class="btn btn-primary">Filtrar</button></form>
        <div class="panel table-wrap"><table class="data-table"><thead><tr><th>Estudiante</th><th>Curso</th><th>Progreso</th><th>Estado</th><th>Vencimiento</th><th></th></tr></thead><tbody>
        @forelse($enrollments as $enrollment)
            <tr>
                <td><form id="enrollment-{{ $enrollment->id }}" method="POST" action="{{ route('admin.enrollments.update',$enrollment) }}">@csrf @method('PUT')</form><strong>{{ $enrollment->user->name }}</strong><br><small>{{ $enrollment->user->email }}</small></td>
                <td>{{ $enrollment->course->title }}</td>
                <td>{{ number_format($enrollment->progress_percent,0) }}%</td>
                <td><select form="enrollment-{{ $enrollment->id }}" class="form-select" name="status" style="width:auto">@foreach(['active','suspended','cancelled'] as $status)<option @selected($enrollment->status===$status)>{{ $status }}</option>@endforeach</select></td>
                <td><input form="enrollment-{{ $enrollment->id }}" class="form-input" style="width:auto" type="date" name="expires_at" value="{{ $enrollment->expires_at?->format('Y-m-d') }}"></td>
                <td><button form="enrollment-{{ $enrollment->id }}" class="btn btn-primary btn-small">Guardar</button></td>
            </tr>
        @empty
            <tr><td colspan="6" class="empty-state">No hay inscripciones con esos filtros.</td></tr>
        @endforelse
        </tbody></table></div>
        {{ $enrollments->links() }}
    </section>
</div>
@endsection