@extends('templates.layout')

@section('title', 'Publicações')

@section('description', '')

@section('content')

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

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

        {{-- Block --}}
        <div class="c-bg js-animated-start">
            <div class="o-content-block o-content-block--1066">
                <div class="o-content-block--left o-content-block--right">

                    @if($publications)
                    <div class="o-grid o-grid__col-3 o-grid__gap-40">
                        @foreach($publications as $i => $publication)
                            <div class="appear-in appear-in-top appear-in-time-{{ $i }}">
                                @include('partials.common-card', [
                                    'class'     => '',
                                    'img'       => $publication->getImage(),
                                    'title'     => $publication->title,
                                    'download'  => [
                                        'title' => 'Baixar Cartilha',
                                        'file-id' => $publication->id
                                    ],
                                ])
                            </div>
                        @endforeach
                    </div>
                    @endif

                </div>
            </div>
        </div>
        {{-- End: Block --}}

    </main>

@stop