@extends('site.layouts.layout')
@section('content_header')
    <main class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb u-breadcrumb p-3 bg-light mb-3 small">
                <li class="breadcrumb-item"><a href="/">Principal</a></li>
                <li class="breadcrumb-item active d-none d-md-block" aria-current="page">Transparência Fiscal</li>
            </ol>
        </nav>
        <div class="col-md-12">
            <h1>Plano Municipal de Vacinação</h1>
        </div>

        <div class="d-grid gap-2">
            <button type="submit" class="btn btn-primary">Clique aqui para Baixar plano</button>
        </div>
        <br>

        <div class="col-md-12">
            <div class="caixa_infor" align="justify">
                <strong>Seja bem-vindo ao Portal da Transparência da {{ $front_config['titulo'] }}.</strong><br><br>
                Em cumprimento dos requisitos da Lei 12.527/2011, da Medida Provisória 1.026/2021, da Portaria GM/MS 69/2021
                e do Plano Nacional de Operacionalização da Vacinação contra a COVID-19, estamos disponibilizando à
                população para que seja acompanhado todo o Plano Municipal de Vacinação.
                Além disso, também está disponível um painel de acompanhamento de distribuição das vacinas e a informação
                sobre as doses que já foram aplicadas no Município.
            </div>
        </div>
        <br>
        <div class="col-md-12">

            <div class="block-area">
                <!--block title-->
                <div class="block-title-2">
                    <h4 class="h5">
                        <span class="border-primary"><b>Ações de combate ao COVID-19</b></span>
                    </h4>
                </div>
                <div class="row">
                    @foreach ($noticiascovid as $noticiascovid)
                        <article class="col-6 col-sm-4 col-lg-24">
                            <div class="card card-full mb-4 hover-a">
                                <!--thumbnail-->
                                <div class="ratio_360-202 image-wrapper">
                                    <a href="/noticia/{{ $noticiascovid->noticias_slug }}">
                                        <img class="img-fluid lazy entered loaded"
                                            src="{{ asset('assets/site/uploads/noticias/' . $noticiascovid->foto) }}"
                                            data-src="{{ asset('assets/site/uploads/noticias/' . $noticiascovid->foto) }}"
                                            alt="Imagem da notícia">
                                    </a>
                                </div>
                                <div class="card-body">
                                    <!--title-->
                                    <h2 class="card-title h5">
                                        <a
                                            href="/noticia/{{ $noticiascovid->noticias_slug }}">{{ $noticiascovid->noticias_titulo }}</a>
                                    </h2>
                                    <!-- date & comments -->
                                    <div class="card-text mb-2 text-muted small">
                                        <time
                                            datetime="{{ date('d/m/Y', strtotime($noticiascovid->noticias_data)) }}">{{ date('d/m/Y', strtotime($noticiascovid->noticias_data)) }}</time>
                                        <span title="{{ $noticiascovid->total_visualizacoes }} visualizações"
                                            class="float-end">
                                            <i class="far fa-eye"></i> {{ $noticiascovid->total_visualizacoes }}
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </article>
                    @endforeach
                </div>
                <div class="gap-0"></div>
            </div>
    </main>
@endsection