@extends("admin.layout.layout")
@section("styles")
    @php
        $titulo = "Exclusion";
        $modulo = "Editar";
        $vista="Exclusion";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo}}</title>
@endsection

@section("contenido")
    <div id="kt_app_content_container" class="app-container container-fluid">
        <div class="row g-5 g-xxl-12">
            <div class="col-xl-12">
                <div class="card mb-5 mb-xxl-12">
                    <div class="card-body pb-0">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <h4>El registro tiene los siguientes errores.</h4>
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if (session('success'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong>{{ session('success') }}</strong>
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                        @endif
                        <form class="form" action="{{route("admin::exclusion.guardar", $exclusion->id)}}" method="post">
                            @csrf
                            <div class="row mb-4">
                                <div class="col-md-3">
                                    <label for="fecha_traslado" class="form-label  required">Fecha del exclusión</label>
                                    <input type="date" class="form-control form-control-lg" name="fecha_exclusion" id="fecha_exclusion" value="{{$exclusion->fecha_exclusion}}" required />
                                </div>
                                <div class="col-md-3">
                                    <label for="matricula_id" class="form-label  required">Seleccione la matricula</label>
                                    <select name="matricula_id" id="matricula_id" class="form-select form-select-lg mt-1" data-control="select2" data-allow-clear="false" data-hide-search="true" required>
                                        @foreach($matriculas as $matricula)
                                            <option value="{{$matricula->id}}" @if($matricula->id==$exclusion->matricula_id) selected @endif>Grupo: {{$matricula->grupo->grupo}} - Periodo: {{$matricula->periodo->periodo}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-4">
                                <div class="col-md-12">
                                    <label for="notas" class="form-label  required">Notas</label>
                                    <textarea type="text" class="form-control form-control-lg" name="notas" id="notas" required>{{$exclusion->notas}}</textarea>
                                </div>

                            </div>

                            <div class="d-flex justify-content-center my-10">
                                <button type="submit" id="btn_submit" class="btn btn-primary">
                                    <span class="indicator-label">Guardar traslado</span>
                                    <span class="indicator-progress">Por favor espera...
                                    <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                                </span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section("scripts")

    <script>
        $(document).ready(function() {
            $('form').submit(function(e) {
                $("#btn_submit").prop("disabled", true);
            });
        });
    </script>



@endsection