@extends('layouts.app')

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

@section('styles')
@endsection

@section('title')
    {{ Breadcrumbs::render('requisitosPreviosExtraordinarios') }}
    <div class="page-header">
        <h2>Requisitos previos</h2>
    </div>
@endsection

@section('content')
    <div class="container text-center pt-2">
        <div class="row pb-3">
            <div class="col-12">
                <div class="card h-100">
                    <div class="card-header text-bg-secondary">
                        HORARIO INSCRIPCIÓN
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <p class="card-text text-start col-md-2 col-sm-12 pe-0">
                                Número cuenta:
                                <b>{{ Auth::user()->numero_cuenta }}</b>
                            </p>
                            <p class="card-text text-start col-md-4 col-sm-12 ps-4 pe-0">
                                Nombre:
                                <b>
                                    {{ Auth::user()->persona()->first()->nombre_completo }}
                                </b>
                            </p>
                            <p class="card-text text-start col-md-2 col-sm-12 ps-0 pe-0">
                                Carrera:
                                @if (!empty($orden_atencion))
                                    <b>
                                        {{ $orden_atencion['clave_carrera'] }} -
                                        {{ $orden_atencion['carrera'] }}
                                    </b>
                                @endif
                            </p>
                            <p class="card-text text-start col-md-4 col-sm-12 ps-0 pe-0">
                                Plan de estudios:
                                @if (!empty($orden_atencion))
                                    <b>
                                        {{ $orden_atencion['clave_plan_estudio'] }} -
                                        {{ $orden_atencion['plan_estudio'] }}
                                    </b>
                                @endif
                            </p>
                        </div>
                        <hr />
                        <p class="card-text">Tu horario es:</p>
                        <p class="card-text">
                            @if (!empty($orden_atencion) && !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
                                <div class="alert alert-warning" role="alert">
                                    <i class="bi bi-x-lg"></i>
                                    Aún no cuentas con horario de inscripción
                                </div>
                            @endif
                        </p>
                    </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.cargaComprobantePagoExtraordinario'), [
                            '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 mt-sm-0 mt-3">
                <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/comprobanteExtraordinario/{{ $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 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="{{ route('inscripciones.extraordinarios.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