@extends('layouts.app')

@section('title', $article->title)

@section('content')
@include('components.page-header', ['title' => $article->title])
<section class="section">
    <div class="container glass-card content-page" style="max-width:800px;padding:2rem;">
        <small style="color:#999;">{{ $article->published_at?->format('Y-m-d') }}</small>
        @if($article->image)
            <img src="{{ asset('storage/'.$article->image) }}" alt="" style="width:100%;border-radius:8px;margin:1rem 0;">
        @endif
        <div>{!! $article->content !!}</div>
        <a href="{{ route('news.index') }}" class="btn-outline" style="margin-top:2rem;display:inline-flex;"><i class="fa-solid fa-arrow-right"></i> العودة للأخبار</a>
    </div>
</section>
@endsection