@extends('layouts.app')

@section('title', 'Cursos — '.config('app.name'))

@section('content')
    @php($statusLabels = ['draft' => 'Borrador', 'review' => 'En revisión', 'published' => 'Publicado', 'rejected' => 'Rechazado', 'archived' => 'Archivado'])
    <div class="container-shell dashboard-shell">
        <x-dashboard-sidebar />
        <section class="dashboard-main">
            <div class="dashboard-title">
                <div>
                    <span class="dashboard-kicker">Gestión académica</span>
                    <h1>Administrar cursos</h1>
                    <p>Crea, edita, revisa y controla qué contenido aparece en el catálogo.</p>
                </div>
                <a class="btn btn-primary" href="{{ route('instructor.courses.create') }}">Crear curso</a>
            </div>

            <form class="filter-bar" style="grid-template-columns:2fr 1fr auto" method="GET">
                <input class="form-input" name="q" value="{{ request('q') }}" placeholder="Buscar curso">
                <select class="form-select" name="status">
                    <option value="">Todos los estados</option>
                    @foreach ($statusLabels as $value => $label)
                        <option value="{{ $value }}" @selected(request('status') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
                <button class="btn btn-primary">Filtrar</button>
            </form>

            <div class="panel table-wrap">
                <table class="data-table admin-course-table">
                    <thead><tr><th>Curso</th><th>Instructor</th><th>Estado</th><th>Inscritos</th><th>Administración</th></tr></thead>
                    <tbody>
                        @forelse ($courses as $course)
                            <tr>
                                <td>
                                    <strong>{{ $course->title }}</strong><br>
                                    <small>{{ $course->category?->name ?? 'Sin categoría' }}</small>
                                    <div class="admin-course-actions">
                                        <a href="{{ route('instructor.courses.edit', $course) }}">Editar ficha</a>
                                        <a href="{{ route('instructor.courses.builder', $course) }}">Editar contenido</a>
                                        <a href="{{ route('courses.show', $course) }}" target="_blank" rel="noopener">Previsualizar ↗</a>
                                    </div>
                                </td>
                                <td>{{ $course->instructor->name }}</td>
                                <td><span class="status status-{{ $course->status }}">{{ $statusLabels[$course->status] ?? ucfirst($course->status) }}</span></td>
                                <td>{{ $course->enrollments_count }}</td>
                                <td>
                                    <form class="course-moderation-form" method="POST" action="{{ route('admin.courses.moderate', $course) }}">
                                        @csrf
                                        @method('PUT')
                                        <select class="form-select" name="status">
                                            <option value="published" @selected($course->status === 'published')>Publicar</option>
                                            <option value="review" @selected($course->status === 'review')>Mantener en revisión</option>
                                            <option value="draft" @selected($course->status === 'draft')>Despublicar a borrador</option>
                                            <option value="rejected" @selected($course->status === 'rejected')>Rechazar</option>
                                            <option value="archived" @selected($course->status === 'archived')>Archivar</option>
                                        </select>
                                        <input class="form-input" name="review_notes" value="{{ $course->review_notes }}" placeholder="Nota interna o para el instructor">
                                        <div class="course-moderation-actions"><a class="btn btn-secondary btn-small" href="{{ route('courses.show', $course) }}" target="_blank" rel="noopener">Previsualizar</a><button class="btn btn-primary btn-small">Guardar estado</button></div>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="empty-state">No hay cursos con estos filtros.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $courses->links() }}
        </section>
    </div>
@endsection