@extends('layouts.app')

@section('scripts')
    @vite(['resources/js/inscripciones/pregrado/general.js'])
@endsection

@section('styles')
@endsection

@section('title')
    {{ Breadcrumbs::render('inscripcionOrdinarios') }}
    <div class="page-header">
        <h2>Inscripción Asignaturas Obligatorias</h2>
    </div>
@endsection

@section('content')
    <div class="container text-center pt-2">
        <div class="row pb-3">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="card h-100">
                    <div class="card-header text-bg-secondary">
                        HORARIO INSCRIPCIÓN
                    </div>
                    <div class="card-body">
                        @if( !empty($orden_atencion) )
                            <p class="card-text text-start">Número de cuenta: <b>{{ Auth::user()->numero_cuenta }}</b></p>
                            <p class="card-text text-start">Nombre: <b>{{ Auth::user()->persona()->first()->apellido_paterno }} {{ Auth::user()->persona()->first()->apellido_materno }} {{ Auth::user()->persona()->first()->nombre }}</b></p>
                            <p class="card-text text-start">Carrera: <b>{{ $orden_atencion->clave_carrera }} - {{ $orden_atencion->carrera }}</b></p>
                            <hr/>
                            <p class="card-text">Tu horario es:</p>
                            <p class="card-text">
                                @if(!empty($orden_atencion->hora_entrada))
                                    <b>{{Carbon\Carbon::parse($orden_atencion->hora_entrada)->isoFormat('dddd D \d\e MMMM \d\e\l Y \a\ \l\a\s hh:mm  A')}}</b>
                                @else
                                    <b>No tienes horario de inscripción aún.</b>
                                @endif
                            </p>
                        @else
                            <div class="alert alert-warning mt-3" role="alert">
                                <i class="bi bi-x-lg"></i>
                                Aún no cuentas con horario de inscripción
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="card h-100">
                    <div class="card-header text-bg-secondary">
                        CUESTIONARIO DE OPINIÓN
                    </div>
                    <div class="card-body">
                        @if( !empty($cuestionario_opinion) )
                            <div class="alert alert-success mt-3" role="alert">
                                <i class="bi bi-check-lg"></i>
                                Has respondido el cuestionario de opinión correctamente
                            </div>
                            <a href="../../alumnos/cuestionario_opinion/{{($orden_atencion->periodo)??0}}" target="_blank" class="btn btn-primary"><i class="bi bi-pencil-square"></i> Responder</a>
                        @else
                            @if($requiere_cuestionario)
                                <div class="alert alert-warning mt-3" role="alert">
                                    <i class="bi bi-x-lg"></i>
                                    No has respondido el cuestionario de opinión
                                </div>
                                <a href="../../alumnos/cuestionario_opinion/{{($orden_atencion->periodo)??0}}" target="_blank" class="btn btn-primary"><i class="bi bi-pencil-square"></i> Responder</a>
                            @else
                                <div class="alert alert-success mt-3" role="alert">
                                    <i class="bi bi-check-lg"></i>
                                    No requieres responder el cuestionario de opinión
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="card h-100">
                    <div class="card-header text-bg-secondary">
                        COMPROBANTE DE PAGO
                    </div>
                    <div class="card-body">
                        @if(empty($pago))
                            <div class="alert alert-warning mt-3" role="alert">
                                <i class="bi bi-x-lg"></i>
                                No has cargado el comprobante de pago
                            </div>
                        @else
                            <div class="alert alert-success mt-3" role="alert">
                                <p>
                                    <i class="bi bi-check-lg"></i>
                                    Has cargado el comprobante de pago correctamente.
                                </p>
                                <a href="{{ $rutaComprobante }}" target="_blank"
                                   class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover">
                                    Ver comprobante
                                </a>
                            </div>
                        @endif
                            {!! Form::open(['id' => 'form-comprobante-pago', 'enctype' => 'multipart/form-data']) !!}
                            {!! Form::hidden('url-comprobante-pago', route('inscripciones.cargaComprobantePago'), ['id' => 'url-comprobante-pago']) !!}
                            <p class="card-text text-start">
                                Selecciona el comprobante de pago, el archivo debe ser una imagen (JPG ó JPEG) o un archivo en formato PDF.
                            </p>
                            <div class="input-group mb-3">
                                <input type="file" class="form-control" id="comprobante-pago" name="comprobante-pago">

                            </div>
                            <p class="card-text text-start">@include('common.validation-message', ['id' => 'comprobante-pagoError'] )</p>
                            <br>
                            <button class="btn btn-primary" id="carga-comprobante-pago"><i class="bi bi-upload"></i>&nbsp;Cargar</button>
                            {!! Form::close() !!}


                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="card h-100">
                    <div class="card-header text-bg-secondary">
                        INSCRIPCIÓN
                    </div>
                    <div class="card-body">
                        @if($ya_inscrito)

                            @if($baja_temporal)
                                <div class="alert alert-warning mt-3" role="alert">
                                    <b>
                                        <i class="bi bi-check-lg"></i>
                                        Tienes actualmente una Baja Temporal.
                                    </b>
                                </div>
                            @else
                                <div class="alert alert-success mt-3" role="alert">
                                    <b>
                                        <i class="bi bi-check-lg"></i>
                                        Ya realizaste tu inscripción.
                                    </b>
                                </div>
                                <a target="_blank" href="/inscripciones/indirectas/comprobante/{{$cadena}}" class="btn btn-primary">
                                    <i class="bi bi-file-pdf"></i> Imprimir Comprobante
                                </a>
                            @endif
                        @else
                            @if(!$permite_ins)
                                <div id="bloque-primer-guardado" class="alert alert-warning mt-3" role="alert">
                                    <i class="bi bi-x-lg"></i>
                                    Aún no puedes inscribirte
                                </div>
                                <p class="card-text text-start">
                                    Una vez que hayas completado tu comprobante de pago, cuestionario de opinión (si es el caso) y se cumpla tu horario de inscripicón, podrás ingresar a obtener tu comprobante de inscripción.
                                </p>
                            @else
                                <div class="alert alert-success mt-3" role="alert">
                                    <b><i class="bi bi-check-lg"></i>
                                        Puedes realizar tu inscripción</b>
                                </div>
                                <a href="/inscripciones/indirectas" class="btn btn-primary"><i class="bi bi-card-checklist"></i> Inscribir</a>
                            @endif

                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('modal')
    @include('common.modals.mdl-confirmation')
    {!! Generate::modalErrors() !!}
@endsection