@extends('template.portal.layout')
@section('content-body')
    <div class="portlet light">
        <div class="portlet-title">
            <h3 class="titulo-default text-center">Eventos</h3>
        </div>
        <div class="portlet-body">
            @if(!empty($eventos) && count($eventos) > 0)
                @for($i = 0; $i < count($eventos); $i++)
                    <div class="row margin-bottom-20" style="border-bottom:2px solid rgba(64, 166, 214, 0.5);">
                        <div class="col-md-12">
                            @if(($i+1) % 2 == 1)
                                <div class="col-md-6">
                                    <div class="evento-img-container">
                                        <img src="{{ asset($eventos[$i]['imagen_grande_url']) }}" alt="evento" style="">
                                    </div>
                                </div>
                                <div class="col-md-6" style="margin-bottom: 10px;">
                                    <h5 class="margin-top-5" style="font-weight:500;">{{ $eventos[$i]['nombre'] }}</h5>
                                    <div class="dot-ellipsis dot-height-100 margin-bottom-20"><p class="parrafo-justificado">{{ $eventos[$i]['detalle'] }}</p></div>
                                    <div><strong class="sub-title">Ubicacion: </strong>{{ $eventos[$i]['lugar'] }}</div>
                                    @if ($eventos[$i]['fecha_inicio'] != $eventos[$i]['fecha_fin'])
                                        <div><strong class="sub-title">Fecha: </strong>{{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_inicio'])->format('l j, F Y') }} - {{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_fin'])->format('l j, F Y') }}</div>
                                    @else
                                        <div><strong class="sub-title">Fecha: </strong>{{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_inicio'])->format('l j, F Y') }}</div>
                                    @endif
                                    <div class="text-right margin-top-10"><a href="{{ url('eventos/detalle',['id' => $eventos[$i]['slug']] )}}" class="btn btn-primary btn-evento">Ver m&aacute;s</a></div>
                                </div>
                            @else
                                <div class="col-md-6" style="margin-bottom: 10px;">
                                    <h5 class="margin-top-5" style="font-weight:500;">{{ $eventos[$i]['nombre'] }}</h5>
                                    <div class="dot-ellipsis dot-height-100 margin-bottom-20"><p class="parrafo-justificado">{{ $eventos[$i]['detalle'] }}</p></div>
                                    <div><strong class="sub-title">Ubicacion: </strong>{{ $eventos[$i]['lugar'] }}</div>
                                    @if ($eventos[$i]['fecha_inicio'] != $eventos[$i]['fecha_fin'])
                                        <div><strong class="sub-title">Fecha: </strong>{{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_inicio'])->format('l j, F Y') }} - {{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_fin'])->format('l j, F Y') }}</div>
                                    @else
                                        <div><strong class="sub-title">Fecha: </strong>{{ \Jenssegers\Date\Date::parse($eventos[$i]['fecha_inicio'])->format('l j, F Y') }}</div>
                                    @endif
                                    <div class="text-right margin-top-10"><a href="{{ url('eventos/detalle',['id' => $eventos[$i]['slug']] )}}" class="btn btn-primary btn-evento">Ver m&aacute;s</a></div>
                                </div>
                                <div class="col-md-6">
                                    <div class="evento-img-container">
                                        <img src="{{ asset($eventos[$i]['imagen_grande_url']) }}" alt="evento">
                                    </div>
                                </div>
                            @endif
                        </div>
                    </div>
                @endfor
                <div class="text-center">
                    {{ $eventos->links() }}
                </div>
            @else
                <label class="no-existen">No existen eventos disponibles</label>
            @endif
        </div>
    </div>
@endsection