@extends('layouts.public')

@section('content')

<!--Conteúdo-->
<section id="boletim">
    <div class="container">
        <h1 class="titulo-padrao">Boletim Confederando</h1>
        <div class="box-btn-voltar">
            <a class="btn-voltar" href="javascript:window.history.go(-1)">
                <svg class="svg-voltar-dims">
                    <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#voltar') }}"></use>
                </svg>
                Voltar
            </a>
        </div>
        <div class="box-boletim">
            @foreach($boletins as $boletim)
            <a href="{{$boletim->link_externo}}">
                <figure>
                    <img src="{{$boletim->arquivo?$boletim->arquivo->nome:''}}" alt="" class="img-fluid">
                </figure>
                <span>
                    <svg class="svg-download-button-dims">
                        <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#download-button') }}"></use>
                    </svg>
                </span>
            </a>
            @endforeach
        </div>
        {{$boletins->render()}}
    </div>
</section>
<!--Fim Conteúdo-->

@endsection