@extends('layouts.app')
@php $isAr = app()->getLocale()==='ar'; @endphp
@section('title', ($isAr?$post['title_ar']:$post['title_en']) . ' — Media Serve')
@section('description', $isAr?$post['excerpt_ar']:$post['excerpt_en'])

@section('content')
<article class="single-post-wrap">
  <div class="container" style="max-width:760px">
    <div class="breadcrumb">
      <a href="{{ route('home') }}">{{ $isAr?'الرئيسية':'Home' }}</a> ›
      <a href="{{ route('blog.index') }}">{{ $isAr?'المدونة':'Blog' }}</a> ›
      <span>{{ $isAr?$post['title_ar']:$post['title_en'] }}</span>
    </div>
    <div class="blog-card-cat">{{ $post['category'] }}</div>
    <h1 style="font-size:32px;font-weight:800;margin:12px 0">{{ $isAr?$post['title_ar']:$post['title_en'] }}</h1>
    <div class="blog-card-meta" style="margin-bottom:28px">
      <span>📅 {{ $post['date'] }}</span>
      <span>✍️ {{ $post['author'] }}</span>
    </div>
    <div class="post-content">
      <p>{{ $isAr?$post['excerpt_ar']:$post['excerpt_en'] }}</p>
      <p>{{ $isAr?'محتوى المقال الكامل سيُضاف هنا...':'Full article content will be added here...' }}</p>
    </div>
  </div>
</article>
@endsection