@extends('layouts.main')

@section('title', $post->title)
@section('description', $post->description)
@section('keywords', 'okea', 'asterian', 'mes software', 'software para a indústria', 'manutenção preditiva', 'sistema MES', 'gestão de ativos', 'sistema mes 4.0')

@section('navbar')
    @include('components.okea.home.nav')
@endsection

@section('footer')
    @include('components.okea.home.footer')
@endsection

@section('content')
    {{-- HERO --}}
    <section class="ast-hero nv-hero">
        <div class="ast-container">
            <div class="nv-hero-inner">
                <span class="section-label">{{ $post->category?->name ?? __('messages.novidades-hero-label') }}</span>
                <h1 class="nv-hero-title">{{ $post->title }}</h1>
                <p class="nv-hero-desc">{{ $post->created_at->format('d/m/Y') }}</p>
            </div>
        </div>
    </section>

    {{-- CONTEÚDO --}}
    <section class="akt-section akt-bg-white">
        <div class="ast-container">
            <article class="news-open">
                <img src="{{ asset('img/uploads/' . $post->capa) }}" class="news-open-cover" alt="{{ $post->title }}">
                <div id="description" class="news-desc">{!! $post->description !!}</div>
            </article>
        </div>
    </section>

    <script>
        const paragraphs = document.querySelectorAll('#description p');
        paragraphs.forEach(paragraph => {
            paragraph.removeAttribute('style');
        });
    </script>
@endsection