@extends("estudiante.layout.layout")
@section("styles")
    @php
        $titulo = "Pre Matrícula ";
        $modulo = "Pre Matrícula";
        $vista="Mis  pre matrículas";
    @endphp
    <title>{{getenv("APP_NAME")}} | {{$titulo }} {{$vista}}</title>
    <style>
        .custom-checkbox:disabled {
            opacity: 1; /* Restaurar la opacidad normal */
            cursor: not-allowed; /* Cambiar el cursor a 'not-allowed' */
        }
    </style>
@endsection

@section("contenido")
    <div class="row g-5">
        <div class="row g-5 g-xl-10 mb-5 mb-xl-10">
            @foreach($matriculas as $matricula)
                <div class="col-xxl-6">
                    <div class="card card-flush h-xl-100 ">
                        @if($matricula->tipo_estado_id==2)
                            <div class="card-header bg-success">
                                <h3 class="text-white card-title">Matrícula confirmada</h3>
                            </div>
                        @endif

                        @if($matricula->tipo_estado_id==3)
                            <div class="card-header bg-danger">
                                <h3 class="text-white card-title">Matrícula denegada</h3>
                            </div>
                        @endif
                        <div class="card-body py-9">
                            <div class="row gx-9 h-50">
                                <div class="col-sm-6 mb-10 mb-sm-0">

                                    <img width="80px" src="../../logo.png" alt="">
                                    <div class="d-flex justify-content-center mt-3">
                                        <span class="badge badge-light-success flex-shrink-0 align-self-center py-3 px-4 fs-7">
                                            {{$matricula->tipo_estado->tipo_estado}}
                                        </span>
                                    </div>
                                    <div>
                                        @if($matricula->tipo_estado_id==3)
                                            <small class="card-subtitle">Razón: {{$matricula->justificacion}}</small>
                                        @endif
                                    </div>
                                    <div class="d-flex justify-content-center mt-3">
                                        @if($matricula->tipo_estado_id==2)
                                        <a href="{{route("estudiante::matricula.pdf",$matricula->codigo)}}" class="d-flex align-items-center text-primary opacity-75-hover fs-6 fw-semibold">
                                            Ver PDF
                                            <i class="fa-duotone fa-file-pdf fs-4 ms-1"><span class="path1"></span><span class="path2"></span></i>
                                        </a>
                                        @endif

                                    </div>
                                    @if($matricula->tipo_estado_id==1)
                                    <div class="d-flex justify-content-center mt-3">
                                        <span class="badge badge-danger flex-shrink-0 align-self-center py-3 px-4 fs-7">Sin cita, por favor presentarse al centro educativo</span>
                                    </div>
                                    @endif
                                </div>
                                <div class="col-sm-6">
                                    <div class="d-flex flex-column h-100">
                                        <div class="mb-7">
                                            <div class="d-flex flex-stack mb-6">
                                                <div class="flex-shrink-0 me-5">
                                                    <span class="text-gray-500 fs-7 fw-bold me-2 d-block lh-1 pb-1">Pre Matrícula # {{$matricula->id}}</span>
                                                    <span class="text-gray-800 fs-3 fw-bold">{{$matricula->periodo->periodo}}</span>
                                                </div>
                                            </div>

                                            <div class="d-flex align-items-center flex-wrap d-grid gap-2">
                                                <div class="d-flex align-items-center">
                                                    <div class="symbol symbol-30px symbol-circle me-3">
                                                         <span class="symbol-label bg-success">
                                                            <i class="fas fa-user text-white"><span class="path1"></span><span class="path2"></span></i>
                                                         </span>
                                                    </div>
                                                    <div class="m-0">
                                                        <span class="fw-semibold text-gray-500 d-block fs-8">{{$matricula->estudiante->nombre_completo}}</span>
                                                        <span class="fw-bold text-gray-800 fs-7">
                                                             @if($matricula->tipo_estado_id==2)
                                                               Grupo  {{$matricula->grupo->grupo}}
                                                            @endif
                                                            @if($matricula->vb==0)
                                                                Grupo <span class="text-danger">preliminar</span> {{$matricula->grupo->grupo}}
                                                            @endif
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="mb-6">

                                            <div class="d-flex">
                                                <div class="border border-gray-300 border-dashed rounded min-w-100px w-100 py-2 px-4 me-6 mb-3">
                                                    <span class="fs-6 text-gray-700 fw-bold"> {{date("d-m-Y",strtotime($matricula->fecha))}}</span>
                                                    <div class="fw-semibold text-gray-500">Fecha pre matrícula</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            @endforeach



        </div>
    </div>
@endsection

@section("scripts")

@endsection