@extends('layouts.site')

@section('headerData')
    <link rel="stylesheet" href="{{ asset('css/modules/noticias.css') }}">
@endsection

@section('titlepage', 'Notícias')
@section('meta-title', 'Página Notícias')
@section('meta-description', 'Entre e acesse o site da UDFE!')

@section('content')

    <div class="container">
        <div class="entrada">
            <div>
                <h2>Notícias</h2>
            </div>
            <div class="entrada_pagina">
                <h6>Home</h6>
                <h6><b>Notícias</b></h6>
            </div>
        </div>
    </div>

    {{-- @for ($i = 0; $i < count($posts); $i++)
        <div class="container noticias">
            <div class="noticias_display">
                <div class="noticias_conteudo">
                    <a href="">
                        <div>
                            <img class="noticias_img" src="{{ 'img/site/noticia3.png' }}">
                        </div>
                        <div class="noticias_conteudo_bg">
                            <h5>Ubes lança manifesto pela vacinação de adolecentes</h5>
                            <p>A vacinação se faz necessária em adolecentes de 12 a 17 anos contra a COVID-19</p>
                            <img src="{{ 'img/site/entrar.png' }}" class="noticias_entrar">
                        </div>
                    </a>
                </div>

                <div class="noticias_conteudo">
                    <a href="">
                        <div>
                            <img src="{{ 'img/site/noticia1.png' }}" class="noticias_img">
                        </div>
                        <div class="noticias_conteudo_bg">
                            <h5>Ubes lança manifesto pela vacinação de adolecentes</h5>
                            <p>A vacinação se faz necessária em adolecentes de 12 a 17 anos contra a COVID-19</p>
                            <img src="{{ 'img/site/entrar.png' }}" class="noticias_entrar">
                        </div>
                    </a>
                </div>

                <div class="noticias_conteudo">
                    <a href="">
                        <div>
                            <img src="{{ 'img/site/noticia2.png' }}" class="noticias_img">
                        </div>
                        <div class="noticias_conteudo_bg">
                            <h5>Ubes lança manifesto pela vacinação de adolecentes</h5>
                            <p>A vacinação se faz necessária em adolecentes de 12 a 17 anos contra a COVID-19</p>
                            <img src="{{ 'img/site/entrar.png' }}" class="noticias_entrar">
                        </div>
                    </a>
                </div>
            </div>
        </div>
    @endfor --}}

    @if (count($posts) == 0)
        <div class="item text-center">
            <h3 class="py-2 mb-0 titulo">Não há notícias cadastradas.</h3>
        </div>
    @else

        <div class="container noticias">
            <div class="noticias_display">
                @foreach ($posts as $key => $p)
                    <div class="noticias_conteudo">
                        <a href="{{ route('noticias_view', $p->id) }}">
                            <div>
                                <img class="noticias_img" src="{{ $p->image }}">
                            </div>
                            <div class="noticias_conteudo_bg">
                                <h5>{{ $p->title }}</h5>
                                <p>{{ $p->description }}</p>
                                <img src="{{ 'img/site/entrar.png' }}" class="noticias_entrar">
                            </div>
                        </a>
                    </div>
                    @if ($key == 2 || $key == 5 || $key == 8)
            </div>
        </div>
        <div class="container noticias">
            <div class="noticias_display">
    @endif
    @endforeach
    </div>

    <div class="paginacao">
        <div class="paginacao_posicao">
            <div class="paginacao_linha"></div>
        </div>
        {!! $posts->links() !!}
    </div>
    @endif


@endsection