@extends('layouts.frontend', ['body_class' => ''])

@php
    SEOMeta::setTitle('Hírek - ' . $news->title);
@endphp

@section('content')
    <x-frontend.header />

    <x-frontend.main pattern="aqua">

        <x-frontend.section class="py-8 lg:py-16">
            <x-frontend.container size="small">

                <x-frontend.section.title class="mb-8 lg:mb-16"
                    title="{{ $news->title }}" />

                <x-frontend.animation delay="250">

                    <div class="relative mb-8 lg:mb-16">
                        <div class="absolute left-0 z-10 p-2 text-sm bg-white top-8 rounded-r-md">
                            {{ $news->date }}
                        </div>
                        <img class="object-cover rounded-image" src="{{ $news->img }}" alt=""
                            width="1024" height="576">
                    </div>

                    <x-frontend.typography>
                        <p class="lead">{{ $news->lead }}</p>
                        {!! $news->body !!}
                    </x-frontend.typography>

                </x-frontend.animation>
            </x-frontend.container>
        </x-frontend.section>


        <x-frontend.section class="py-8 bg-aqua/20 lg:py-16">
            <x-frontend.container size="large">
                <x-frontend.section.title class="mb-8 lg:mb-16" title="{{ __('További hírek') }}" center />
                <x-frontend.news.list limit="3" disabled="{{ $news->id }}" />
            </x-frontend.container>
        </x-frontend.section>

    </x-frontend.main>

    <x-frontend.footer />
@endsection