<?php
    $eventsList = $events->getCollection();
?> 
@foreach($eventsList as $event)
    <?php
        $areaClass = getAreaColorClass($event->area->title);
        $eventDates = $event->eventDates;
        try{
        $datesDescriptionAttribute = getDatesDescriptionAttribute($eventDates, $event->hide_month, $event->hide_day);
        }catch(Exception $e){
            print_r($event->id);
            die;
        }
        $datesDescriptionAttributeYear = $datesDescriptionAttribute['dateDescYear'];
        $datesDescriptionAttribute = $datesDescriptionAttribute['dateDesc'];
    ?>
    @if($event->event_type === 'text')
        <div class='js-modal element element-medium {{$areaClass}} element-{{$event->event_type}}' data-id ='{{$event->id}}' data-groups='["{{$event->event_type}}"]'>
            <div class='content'>
                <?php
                $areaSign = getAreaIcon($event->area->title);
                ?>
                <div class='theme-sign'>
                    <img class='inject-me' src='{{ Config::get('path.frontend.img') }}/icons/{{$areaSign}}.svg'>
                </div>
                <div class='information'>
                    <?php
                        $engMonthName = $event->start_date->format('F');
                        $ptMonthName = getPortugueseMonthName($engMonthName);
                    ?>
                    <h4>{{$datesDescriptionAttribute}}</h4>
                    <h3>{{$datesDescriptionAttributeYear}}</h3>
                    <p>{{mb_substr($event->content, 0, 100)}}...</p>
                    <div class='share'>
                        <img src='{{ Config::get('path.frontend.img') }}/icons/share-crop.svg'>
                    </div>
                </div>
            </div>
        </div>
    @elseif($event->event_type === 'video')
        <div class='js-modal element element-big {{$areaClass}} element-{{$event->event_type}}' data-id ='{{$event->id}}' data-groups='["{{$event->event_type}}"]'>
            <div class='media media-image'>
                    <img class='play' src='{{ Config::get('path.frontend.img') }}/timeline/arrow-play.png'>
                    @if(!empty($event->image->filename))
                    <img class='main-image' src='{{getMediaUrl($event->image->filename, '620')}}'>
                    @endif
            </div>
            <div class='content'>
                <?php
                $areaSign = getAreaIcon($event->area->title);
                ?>
                <div class='theme-sign'>
                    <img class='inject-me' src='{{ Config::get('path.frontend.img') }}/icons/{{$areaSign}}.svg'>
                </div>
                <div class='information'>
                    <?php
                        $engMonthName = $event->start_date->format('F');
                        $ptMonthName = getPortugueseMonthName($engMonthName);
                    ?>
                    <h4>{{$datesDescriptionAttribute}}</h4>
                    <h3>{{$datesDescriptionAttributeYear}}</h3>
                    <p>{{mb_substr($event->content, 0, 100)}}...</p>
                    <div class='share'>
                        <img src='{{ Config::get('path.frontend.img') }}/icons/share-crop.svg'>
                    </div>
                </div>
            </div>
        </div>
    @elseif($event->event_type === 'audio')
        <div class='js-modal element element-medium {{$areaClass}} element-{{$event->event_type}}' data-id ='{{$event->id}}' data-groups='["{{$event->event_type}}"]'>
            <div class='media media-audio'>
                <img class='main-image' src='{{ Config::get('path.frontend.img') }}/icons/audio-bars.svg'>
                <img class='play' src='{{ Config::get('path.frontend.img') }}/icons/play-rounded.svg'>
            </div>
            <div class='content'>
                <?php
                $areaSign = getAreaIcon($event->area->title);
                ?>
                <div class='theme-sign'>
                    <img class='inject-me' src='{{ Config::get('path.frontend.img') }}/icons/{{$areaSign}}.svg'>
                </div>
                <div class='information'>
                    <?php
                        $engMonthName = $event->start_date->format('F');
                        $ptMonthName = getPortugueseMonthName($engMonthName);
                    ?>
                    <h4>{{$datesDescriptionAttribute}}</h4>
                    <h3>{{$datesDescriptionAttributeYear}}</h3>
                    <p>{{mb_substr($event->content, 0, 100)}}...</p>
                    <div class='share'>
                        <img src='{{ Config::get('path.frontend.img') }}/icons/share-crop.svg'>
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class='js-modal element element-big {{$areaClass}} element-{{$event->event_type}}' data-id ='{{$event->id}}' data-groups='["{{$event->event_type}}"]'>
            <div class='media media-image'>
                @if(!empty($event->image->filename))
                <img class='main-image' src='{{getMediaUrl($event->image->filename, '620')}}'>
                @elseif(!empty($event->eventMedias) && sizeof($event->eventMedias) > 0)
                    @if(!empty(getMediaByID($event->eventMedias[0])))
                        <img class='main-image' src='{{getMediaByID($event->eventMedias[0]->media_image_id)}}'>
                    @endif
                @endif
            </div>
            <div class='content'>
                <?php
                $areaSign = getAreaIcon($event->area->title);
                ?>
                <div class='theme-sign'>
                    <img class='inject-me' src='{{ Config::get('path.frontend.img') }}/icons/{{$areaSign}}.svg'>
                </div>
                <div class='information'>
                    <?php
                        $engMonthName = $event->start_date->format('F');
                        $ptMonthName = getPortugueseMonthName($engMonthName);
                    ?>
                    <h4>{{$datesDescriptionAttribute}}</h4>
                    <h3>{{$datesDescriptionAttributeYear}}</h3>
                    <p>{{mb_substr($event->content, 0, 100)}}...</p>
                    <div class='share'>
                        <img src='{{ Config::get('path.frontend.img') }}/icons/share-crop.svg'>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endforeach