{{-- resources/views/ugels/edit.blade.php --}}
@extends('layouts.app')

@section('title', 'Editar Registro de Títulos')

@section('content')
    <div class="container">
        <h1 class="mb-4 text-white"><i class="bi bi-journal-text me-2"></i> Editar Registro de Títulos</h1>

        <div class="row justify-content-center">
            <div class="col-md-10 col-lg-8">
                <div class="card bg-dark shadow-sm text-white">
                    <div class="card-body">
                        <form action="{{ route('ugels.update', $ugel) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="libro" class="form-label"><i class="bi bi-book me-2"></i> Libro de Título</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('libro') is-invalid @enderror" id="libro" name="libro" value="{{ old('libro', $ugel->libro) }}">
                                        @error('libro')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="pagina" class="form-label"><i class="bi bi-file-earmark-text me-2"></i> Página de Título</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('pagina') is-invalid @enderror" id="pagina" name="pagina" value="{{ old('pagina', $ugel->pagina) }}">
                                        @error('pagina')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="rd" class="form-label"><i class="bi bi-file-earmark-ruled me-2"></i> Resolución Directoral (RD)</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('rd') is-invalid @enderror" id="rd" name="rd" value="{{ old('rd', $ugel->rd) }}">
                                        @error('rd')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3 position-relative">
                                        <label for="fecha" class="form-label"><i class="bi bi-calendar-date"></i> Fecha de Expedición</label> {{-- Icono de calendario eliminado de aquí --}}
                                        <div class="flatpickr-input-container">
                                            <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white flatpickr-input @error('fecha') is-invalid @enderror" id="fecha" name="fecha" value="{{ old('fecha', $ugel->fecha ? $ugel->fecha->format('Y-m-d') : '') }}" readonly="readonly">
                                            {{-- Este icono se mantiene --}}
                                        </div>
                                        @error('fecha')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="espec" class="form-label"><i class="bi bi-award me-2"></i> Especialidad</label>
                                        <input type="text" class="form-control form-control-sm bg-secondary border-secondary text-white @error('espec') is-invalid @enderror" id="espec" name="espec" value="{{ old('espec', $ugel->espec) }}">
                                        @error('espec')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="mod" class="form-label"><i class="bi bi-mortarboard me-2"></i> Modalidad</label>
                                        <select class="form-select form-select-sm bg-secondary border-secondary text-white @error('mod') is-invalid @enderror" id="mod" name="mod">
                                            <option value="" disabled>Seleccionar Modalidad</option>
                                            <option value="Presencial" {{ old('mod', $ugel->mod) == 'Presencial' ? 'selected' : '' }}>Presencial</option>
                                            <option value="Semipresencial" {{ old('mod', $ugel->mod) == 'Semipresencial' ? 'selected' : '' }}>Semipresencial</option>
                                            <option value="A distancia" {{ old('mod', $ugel->mod) == 'A distancia' ? 'selected' : '' }}>A distancia</option>
                                        </select>
                                        @error('mod')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="cod_datosa" class="form-label"><i class="bi bi-person-circle me-2"></i> Alumno</label>
                                        <select class="form-select form-select-sm bg-secondary border-secondary text-white @error('cod_datosa') is-invalid @enderror" id="cod_datosa" name="cod_datosa" required>
                                            <option value="" disabled>Seleccionar Alumno</option>
                                            @foreach ($alumnos as $id => $nombre)
                                                <option value="{{ $id }}" {{ old('cod_datosa', $ugel->cod_datosa) == $id ? 'selected' : '' }}>{{ $nombre }}</option>
                                            @endforeach
                                        </select>
                                        @error('cod_datosa')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="cod_cepro" class="form-label"><i class="bi bi-house-door-fill me-2"></i> CEPRO</label>
                                        <select class="form-select form-select-sm bg-secondary border-secondary text-white @error('cod_cepro') is-invalid @enderror" id="cod_cepro" name="cod_cepro" required>
                                            <option value="" disabled>Seleccionar CEPRO</option>
                                            @foreach ($cepros as $id => $nombre)
                                                <option value="{{ $id }}" {{ old('cod_cepro', $ugel->cod_cepro) == $id ? 'selected' : '' }}>{{ $nombre }}</option>
                                            @endforeach
                                        </select>
                                        @error('cod_cepro')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>

                            <div class="d-flex justify-content-end mt-4">
                                <button type="submit" class="btn btn-primary btn-sm shadow-sm"><i class="bi bi-arrow-repeat me-2"></i> Actualizar Título</button>
                                <a href="{{ route('ugels.index') }}" class="btn btn-secondary btn-sm ms-2 shadow-sm"><i class="bi bi-x-circle me-2"></i> Cancelar</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection