@extends('templates.layout')

@section('title', 'Eventos')

@section('description', '')

@section('content')

    <main class="c-main-content">

        {{-- Banner --}}
        @include('partials.common-banner', [
            'image' => asset('../img/banner-top.jpg'),
            'title' => 'EVENTOS'
        ])
        {{-- End: Banner --}}

        {{-- Block --}}
        <div class="c-bg c-bg--secondary js-animated-start">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Eventos futuros</h2>

                    <div class="c-slider c-slider--arrows c-slider--space-40 js-slick-cards">
                        @foreach($upcomingEvents as $i => $event)
                            <div class="c-slider__item">
                                @include('partials.common-card', [
                                    'class'     => 'c-common-card--primary',
                                    'data'      => [
                                        'day'   => $event->event_at->format("d"),
                                        'month' => substr($event->event_at->locale("pt-BR")->translatedFormat("F"), 0, 3),
                                    ],
                                    'exclusive' => $event->is_exclusive ? true : false,
                                    'img'       => $event->getImage(),
                                    'title'     => $event->title,
                                    'type'  => [
                                        'title' => $event->is_presencial ? 'Presencial' : 'Online',
                                        'link'  => $event->is_presencial ? $event->forms : $event->meet,
                                    ],
                                    'time'      => $event->event_at->format("H:i")
                                ])
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        {{-- Block --}}
        <div class="c-bg js-animated-start">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Eventos passados</h2>

                    <div class="c-slider c-slider--arrows c-slider--space-40 js-slick-cards">
                        @foreach($pastEvents as $i => $event)
                            <div class="c-slider__item">
                                @include('partials.common-card', [
                                    'class'     => 'c-common-card--primary',
                                    'data'      => [
                                        'day'   => $event->event_at->format("d"),
                                        'month' => substr($event->event_at->locale("pt-BR")->translatedFormat("F"), 0, 3),
                                    ],
                                    'exclusive' => $event->is_exclusive ? true : false,
                                    'img'       => $event->getImage(),
                                    'title'     => $event->title
                                ])
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        {{-- Block --}}
        {{-- <div class="c-bg c-bg--ice js-animated">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Downloads</h2>

                    <div class="c-slider c-slider--space-40 js-slick-cards">
                        @foreach($publications as $i => $publication)
                            <div>
                                @include('partials.common-card', [
                                    'class'     => 'c-common-card--primary',
                                    'img'       => $publication->getImage(),
                                    'title'     => $publication->title,
                                    'download'  => [
                                        'title' => 'Baixar Cartilha',
                                        'file-id' => $publication->id
                                    ],
                                ])
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div> --}}
        {{-- End: Block --}}
    </main>

@stop