@extends('layouts.default')

@section('title', 'Asignar Plan a Alumno')

@section('content')
<section class="content-header">
    <div aria-label="breadcrumb" class="card-breadcrumb">
        <h1>Asignar Plan de Ejercicio</h1>
    </div>
    <div class="separator-breadcrumb border-top"></div>
</section>

<div class="content">
    <div class="card">
        <div class="card-body">
            
            <!-- Mostrar mensajes de error -->
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('plan_asignado.store') }}" method="POST">
                @csrf

                <!-- Seleccionar Plan -->
                <div class="mb-3">
                    <label for="plan_ejercicio_id" class="form-label">Seleccionar Plan</label>
                    <select name="plan_ejercicio_id" id="plan_ejercicio_id" class="form-control">
                        @foreach ($planes as $plan)
                            <option value="{{ $plan->id }}" {{ old('plan_ejercicio_id') == $plan->id ? 'selected' : '' }}>
                                {{ $plan->nombre }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <!-- Seleccionar Alumno -->
                <div class="mb-3">
                    <label for="alumno_id" class="form-label">Seleccionar Alumno</label>
                    <select name="alumno_id" id="alumno_id" class="form-control">
                        @foreach ($alumnos as $alumno)
                            <option value="{{ $alumno->id }}" {{ old('alumno_id') == $alumno->id ? 'selected' : '' }}>
                                {{ $alumno->usuario->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <!-- Fecha de Inicio -->
                <div class="mb-3">
                    <label for="fecha_inicio" class="form-label">Fecha de Inicio</label>
                    <input type="date" name="fecha_inicio" id="fecha_inicio" class="form-control" value="{{ old('fecha_inicio') }}" required>
                </div>

                <!-- Fecha de Finalización -->
                <div class="mb-3">
                    <label for="fecha_fin" class="form-label">Fecha de Finalización</label>
                    <input type="date" name="fecha_fin" id="fecha_fin" class="form-control" value="{{ old('fecha_fin') }}" required>
                </div>

                <button type="submit" class="btn btn-success">Asignar Plan</button>
            </form>
        </div>
    </div>
</div>
@endsection