@extends('layouts.site')

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

@section('titlepage', 'UDFE')
@section('meta-title', 'Página Inicial')
@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>
                <h6><b>{{ $noticias->title }}</b></h6>
            </div>
        </div>
    </div>

    <div class="container">
        <div>
            <div class="conteudo">
                <div class="conteudo_img">
                    <div class="conteudo_img_bg" style="background-image: url('..{{ $noticias->image }}');"></div>
                </div>
                <div class="conteudo_titulo">
                    <h2>{{ $noticias->title }}</h2>
                    <div class="conteudo_titulo_data">
                        <p>{{ \Carbon\Carbon::parse($noticias->date)->translatedFormat('d M Y') }}</p>
                    </div>
                </div>
            </div>
            <div class="conteudo_texto">
                {!! $noticias->txt !!}
            </div>
        </div>
    </div>

    <div class="container noticias">
        <div class="noticias_display">
            @foreach ($posts as $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="{{ asset('img/site/entrar.png') }}" class="noticias_entrar">
                        </div>
                    </a>
                </div>
            @endforeach
        </div>

@endsection