@extends('layouts.app')
@php $isAr = app()->getLocale()==='ar'; @endphp
@section('title', $isAr?'المدونة — Media Serve':'Blog — Media Serve')

@section('content')
<section class="page-hero">
  <div class="container">
    <h1>{{ $isAr?'المدونة':'Blog' }}</h1>
    <p>{{ $isAr?'مقالات ونصائح حول SEO وWordPress والذكاء الاصطناعي':'Articles and tips about SEO, WordPress, and AI' }}</p>
  </div>
</section>
<section class="blog-section">
  <div class="container" style="max-width:900px">
    @foreach($posts as $post)
    <article class="blog-card">
      <div class="blog-card-cat">{{ $post['category'] }}</div>
      <h2><a href="{{ route('blog.show', $post['slug']) }}">{{ $isAr?$post['title_ar']:$post['title_en'] }}</a></h2>
      <p>{{ $isAr?$post['excerpt_ar']:$post['excerpt_en'] }}</p>
      <div class="blog-card-meta">
        <span>📅 {{ $post['date'] }}</span>
        <span>✍️ {{ $post['author'] }}</span>
      </div>
      <a href="{{ route('blog.show', $post['slug']) }}" class="btn btn-outline btn-sm">{{ $isAr?'اقرأ المزيد':'Read More' }} →</a>
    </article>
    @endforeach
  </div>
</section>
@endsection