<?php
    $hasVideo = false;
    $hasImage = false;
    $hasRadio = false;
?>
<div class="top-item js-dummy-content {{{ $event->event_type == "text" ? 'no-media' : '' }}} ">
    @if($event->event_type !== "text")
    <div class="media">
        <div class="media-container">
            <div class="media-wrapper {{$event->event_type == "image" ? 'active' : ''}}" data-type="image">
                @foreach($mediaItens as $media)
                    @if($media->media_type == 'image')
                        <div class="media-item">
                            <img src="{{getMediaUrl($media->media_image->filename, '620')}}" alt="dummy">
                            @if(!empty($media->media_image) && $media->media_image->author != '')
                            <div class="author-containter">
                                <span>Fotografia: </span>{{$media->media_image->author}}
                            </div>
                            @endif
                        </div>
                        <?php
                            $hasImage = true;
                        ?>
                    @endif
                @endforeach
                @if(sizeof($mediaItens) > 0)
                    <div class="media-nav-wrapper">
                        <div class="media-nav-dots js-dots-navigation">
                            @foreach($mediaItens as $media)
                                @if($media->media_type == 'image')
                                    <div class="media-nav-dot"></div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
            <div class="media-wrapper {{$event->event_type == "video" ? 'active' : ''}}" data-type="video">
                @foreach($mediaItens as $media)
                    @if($media->media_type == 'video')
                        <div class="media-item video-wrapper media-with-audio">
                            <object data="{{$media->media_embed}}"></object>
                        </div>
                        <?php
                            $hasVideo = true;
                        ?>
                    @endif
                @endforeach
                @if(sizeof($mediaItens) > 0)
                    <div class="media-nav-wrapper">
                        <div class="media-nav-dots js-dots-navigation">
                            @foreach($mediaItens as $media)
                                @if($media->media_type == 'video')
                                    <div class="media-nav-dot"></div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
            <div class="media-wrapper {{$event->event_type == "audio" ? 'active' : ''}}" data-type="audio">
                @foreach($mediaItens as $media)
                    @if($media->media_type == 'audio')
                        <div class="media-item media-with-audio">
                            <object data="{{$media->media_embed}}"></object>
                        </div>
                        <?php
                            $hasRadio = true;
                        ?>
                    @endif
                @endforeach
                @if(sizeof($mediaItens) > 0)
                    <div class="media-nav-wrapper">
                        <div class="media-nav-dots js-dots-navigation">
                            @foreach($mediaItens as $media)
                                @if($media->media_type == 'audio')
                                    <div class="media-nav-dot"></div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                @endif
            </div>
        </div>
        <div class="media-others">
            <div class="media-others-container">
                @if($hasVideo ? ($hasRadio || $hasImage) : ($hasRadio && $hasImage))
                <div class="title">
                    <span>Outros Media</span>
                </div>
                @endif
                @if($hasImage)
                    <div class="media-others-icon js-switch-media {{$event->event_type == "image" ? 'active' : ''}}" data-type="image">
                        <div class="icon" >
                            <img class="inject-me" src="{{ Config::get('path.frontend.img') }}/icons/picture.svg" alt="play">
                        </div>
                    </div>
                @endif
                @if($hasVideo)
                <div class="media-others-icon js-switch-media {{$event->event_type == "video" ? 'active' : ''}}"  data-type="video">
                    <div class="icon">
                        <img class="inject-me" src="{{ Config::get('path.frontend.img') }}/icons/play.svg" alt="play">
                    </div>
                </div>
                @endif
                @if($hasRadio)
                <div class="media-others-icon js-switch-media {{$event->event_type == "audio" ? 'active' : ''}}"  data-type="audio">
                    <div class="icon radio">
                        <img class="inject-me" src="{{ Config::get('path.frontend.img') }}/icons/audio_circle.svg" alt="play">
                    </div>
                </div>
                @endif
                @include('frontend.partials.eventos.share')
            </div>
        </div>
    </div>
    @endif
    <div class="decade-background decade-60"></div>
    <div class="content">
        <div class="type">
            <div class="icon">
                <?php
                    $areaSign = getAreaIcon($event->area->title);
                ?>
                <img class="inject-me" src="{{ Config::get('path.frontend.img') }}/icons/{{$areaSign}}.svg" alt="{{$areaSign}}">
            </div>
        </div>
        <div class="day-month">
            <h3>{{$datesDescriptionAttribute}}</h3>
        </div>
        <div class="year">
            <h2>{{$datesDescriptionAttributeYear}}</h2>
        </div>
        <div class="text">
            <p>{{$event->content}}</p>
        </div>
        @if($event->event_type == "text")
            <div class="share-text-container">
                @include('frontend.partials.eventos.share')
            </div>
        @endif
        <div class="content-others">
            <div class="content-others-container">
                <div class="title">
                    <span>Ver outros acontecimentos</span>
                </div>
                <div class="content-others-option">
                    <a href="eventos?search_for=&tema=&personalidade=&data_inicio={{$event->start_date->year}}-01-01&data_fim={{$event->start_date->year}}-12-31&local=">Deste Ano</a>
                </div>
                <div class="content-others-option">
                    <span>|</span>
                </div>
                <div class="content-others-option">
                    <a href="eventos?search_for=&tema=&personalidade=&data_inicio={{$event->start_date->year}}-{{$event->start_date->format('m')}}-01&data_fim={{$event->start_date->year}}-{{$event->start_date->format('m')}}-{{$event->start_date->format('t')}}&local=">Deste Mês</a>
                </div>
                <div class="content-others-option">
                    <span>|</span>
                </div>
                <div class="content-others-option">
                    <a href="eventos?search_for=&tema=&personalidade=&data_inicio={{$event->start_date->year}}-{{$event->start_date->format('m')}}-{{$event->start_date->format('d')}}&data_fim={{$event->start_date->year}}-{{$event->start_date->format('m')}}-{{$event->start_date->format('d')}}&local=">Deste Dia</a>
                </div>
            </div>
        </div>
    </div>
</div>