@extends('layouts.public')

@section('title', $article->title.' | '.$site['name'])

@section('content')
    <section class="container details-page">
        <div class="breadcrumb-menu">
            <a href="{{ route('home') }}">প্রচ্ছদ</a>
            <span>/</span>
            <a href="{{ route('category.show', $article->category) }}">{{ $article->category->name }}</a>
            <span>/</span>
            <strong>বিস্তারিত</strong>
        </div>

        <div class="details-layout">
            <article class="details-card">
                <a class="details-category-title" style="--cat-color: {{ $article->category->color }}" href="{{ route('category.show', $article->category) }}">{{ $article->category->name }}</a>
                <h1>{{ $article->title }}</h1>
                <div class="details-meta">
                    <span>{{ $article->reporter ?: 'নিজস্ব প্রতিবেদক' }}</span>
                    <span>{{ optional($article->published_at)->format('d M Y, h:i A') }}</span>
                    <span>{{ $article->views }} বার পড়া হয়েছে</span>
                </div>
                @if($article->image_path)
                    <img class="main-image" src="{{ asset('storage/'.$article->image_path) }}" alt="{{ $article->title }}">
                @endif
                @if($article->excerpt)
                    <p class="excerpt">{{ $article->excerpt }}</p>
                @endif
                <div class="content">{!! nl2br(e($article->body)) !!}</div>

                @if($related->isNotEmpty())
                    <section class="related-strip">
                        <h2>আরও সংবাদ</h2>
                        <div>
                            @foreach($related as $item)
                                <a href="{{ route('article.show', $item) }}">{{ $item->title }}</a>
                            @endforeach
                        </div>
                    </section>
                @endif
            </article>

            @include('public._sidebar')
        </div>
    </section>
@endsection