@extends('template.portal.layout')
@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <h3 class="titulo-default text-center">{{ $admision['titulo'] }}</h3>
        </div>
        <div class="portlet-body">
            <p class="parrafo-justificado">{!! $admision['descripcion'] !!}</p>
            <div class="img-default-container">
                <img src="{{asset($admision->urlimagen)}}" alt="imagen">
            </div>

            @if($admision['video_url'])
                <div class="row">
                    <div class="col-xs-12" style="text-align: center; padding-top: 2%">
                        <a target="_blank" href="{!! $admision['video_url'] !!}" style="font-weight:500; font-family: DINCondensed !important; font-size: 30px; padding-top: 10%;">Ver video</a>
                    </div>
                </div>
            @endif

            @if($periodo)

                <div id="cronograma" class="padding-tb-20">
                    <h3 class="titulo-default text-center margin-bottom-15">Cronograma</h3>
                    <table class="tcronograma">
                        <tbody>
                            <tr>
                                <td>Inscripci&oacute;n</td>
                                <td>{{ \Jenssegers\Date\Date::parse($periodo['registro_inicio'])->format('j \d\e F \d\e\l Y') . ' al ' . \Jenssegers\Date\Date::parse($periodo['registro_fin'])->format('j \d\e F \d\e\l Y') }}</td>
                            </tr>

                            @if($periodo->examenes)
                                @foreach($periodo->examenes as $examen)
                                    <tr>
                                        <td>Examen: {{ $examen->nombre }}</td>
                                        <td>{{ \Jenssegers\Date\Date::parse($examen->fecha_examen)->format('j \d\e F \d\e\l Y') }}</td>
                                    </tr>
                                @endforeach
                            @endif

                            <tr>
                                <td>Publicaci&oacute;n de Resultados</td>
                                <td>{{ \Jenssegers\Date\Date::parse($periodo['resultados_inicio'])->format('j \d\e F \d\e\l Y') . ' al ' . \Jenssegers\Date\Date::parse($periodo['resultados_fin'])->format('j \d\e F \d\e\l Y') }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <div id="opiones" class="padding-tb-20">
                    <div class="row">
                        @if($periodo->registro_inicio->lte(\Carbon\Carbon::today()) && $periodo->registro_fin->gte(\Carbon\Carbon::today()))
                            <div class="col-md-3 col-sm-6">
                                <div class="mt-widget-3" style="border: none">
                                    <div class="mt-head bg-green-sharp">
                                        <div class="mt-head-icon">
                                            <i class=" icon-user"></i>
                                        </div>
                                        <div class="mt-head-desc"> Inscripci&oacute;n de Postulante </div>
                                        <div class="mt-head-button">
                                            <a href="{{ config('constants.URL.MATRICULA_INSCRIPCION') }}" class="btn btn-circle btn-outline white btn-sm" target="_blank">Ver Ficha</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if($otros)

                            @foreach($otros as $otro)
                                <div class="col-md-3 col-sm-6">
                                    <div class="mt-widget-3" style="border: none">
                                        <div class="mt-head" style="background: {{ $otro->hexcolor }} !important;">
                                            <div class="mt-head-icon">
                                                <i class="{{ $otro->icono }}"></i>
                                            </div>
                                            <div class="mt-head-desc"> {{ $otro->titulo }} </div>
                                            <div class="mt-head-button">
                                                <button type="button" data-toggle="modal" data-target="#mod{{ $otro->id }}" class="btn btn-circle btn-outline white btn-sm">Ver m&aacute;s</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal fade" id="mod{{ $otro->id }}" tabindex="-1" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h4 class="modal-title caption-subject sbold"> {{ $otro->titulo }} </h4>
                                            </div>
                                            <div class="modal-body">
                                                {!! $otro->descripcion !!}
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary" data-dismiss="modal"->Cerrar</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                        @endif

                        @if($periodo->resultados_inicio->lte(\Carbon\Carbon::today()) && $periodo->resultados_fin->gte(\Carbon\Carbon::today()))
                                <div class="col-md-3 col-sm-6">
                                    <div class="mt-widget-3" style="border: none">
                                        <div class="mt-head bg-green-sharp">
                                            <div class="mt-head-icon">
                                                <i class=" icon-list"></i>
                                            </div>
                                            <div class="mt-head-desc"> Resultados {{ $periodo->nombre }}</div>
                                            <div class="mt-head-button">
                                                <a href="{{ url('admision/resultados') }}" class="btn btn-circle btn-outline white btn-sm">Ver Resultados</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                        @endif

                    </div>
                </div>

                @else
                {{--<div> En estos momentos no existe un periodo de admisi&oacute;n activo </div>--}}
            @endif
        </div>
    </div>
@endsection