@extends('reddnres.layouts.app')

@php
    $translation = $article->translations->firstWhere('article_translation_main', 1) ?? $article->translations->first();
@endphp

@section('title', $translation?->article_translation_title ?? $article->article_code)

@section('content')
<section class="page-header">
    <div class="container">
        <h1>{{ $translation?->article_translation_title ?? $article->article_code }}</h1>
        <p class="breadcrumb"><a href="{{ url('/') }}">Home</a> / Article</p>
    </div>
</section>
<section class="content-section">
    <div class="container">
        @if($translation)
            @if($article->article_image)
                <img src="{{ \Illuminate\Support\Facades\Storage::url($article->article_image) }}"
                    alt="{{ $translation->article_translation_title }}"
                    style="width:100%; max-width:600px; border-radius:12px; margin:0 auto 32px; object-fit:cover; max-height:300px; display:block;">
            @endif
            <div style="font-size:1rem; line-height:1.8; color:#475569;">
                {!! $translation->article_translation_content !!}
            </div>
        @endif
    </div>
</section>
@endsection