@extends('layouts.app')

@section('title', ($noticia['titulo'] ?? 'Notícia').' - Banco de Talentos')

@section('content')
<main class="bg-fundo py-5 tb-noticia-main">
    <div class="container">
        <a href="{{ route('noticias') }}" class="btn-home-cta px-4 py-2 text-decoration-none">Voltar para notícias</a>

        <article class="card mt-4 border-0 shadow-sm">
            <img
                src="{{ ! empty($noticia['imagem']) ? $noticia['imagem'] : asset('images/images/home_image.png') }}"
                alt="{{ $noticia['titulo'] }}"
                class="card-img-top"
                onerror="this.src='{{ asset('images/images/home_image.png') }}'"
            >
            <div class="card-body p-4">
                <p class="text-muted mb-2">{{ $noticia['data'] }}</p>
                <h1 class="h3 mb-3">{{ $noticia['titulo'] }}</h1>
                @if (! empty($noticia['resumo']))
                    <p class="lead text-muted">{{ $noticia['resumo'] }}</p>
                @endif
                <div class="mt-4">
                    {!! $noticia['conteudo'] !!}
                </div>
            </div>
        </article>
    </div>
</main>
@endsection