@extends('layouts.parting')
@section('content')
    <section id="hero" class="heading-section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <span
                        class="badge bg-light-red text-primary rounded-pill border-primary border border-width-2 px-3 py-2 me-3 mb-3">{{ $berita->nama_kategori }}</span>
                    <span
                        class="d-block d-lg-inline-block">{{ \Carbon\Carbon::parse($berita->tanggal_post)->locale('id_ID')->translatedFormat('l, d F Y') }}</span>
                    <h1 class="mt-3 mb-4 fw-bold">{{ $berita->judul_berita }}</h1>
                </div>
                <div class="col-12">
                    <div class="ratio ratio-16x9">
                        <img class="object-fit-cover rounded-4" src="{{ asset('storage/berita/' . $berita->gambar) }}"
                            alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="content" class="auto-section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 text-justify">
                    {!! html_entity_decode($berita->isi_berita) !!}
                </div>
            </div>
        </div>
    </section>

    <section id="cta" class="auto-section">
        <div class="container-lg cta">
            <div class="row justify-content-center bg-main-to-left rounded-4 py-5 shadow">
                <div class="col-lg-8 text-center">
                    <h3 class="text-primary fw-bold mb-5">Bergabunglah dengan AIMI untuk inovasi, kolaborasi, dan kontribusi
                        dalam manajemen Indonesia!</h3>
                    <a href="{{ route('register') }}" class="btn btn-outline btn-md">
                        <span> Daftar Sekarang <i class="bi bi-arrow-right-short"></i> </span>
                    </a>
                </div>
            </div>
        </div>
    </section>

    @include('client.berita.pinned')
@endsection