@extends('layouts.dashboard')
@section('title', t('المدونة','Blog'))
@section('page-title','📰 '.t('إدارة المدونة','Blog Management'))
@section('content')
<div class="card">
  <div class="card-header">
    <form method="GET" style="display:flex;gap:8px;align-items:center">
      <input type="text" name="q" class="form-input" value="{{ $q }}" placeholder="{{ t('بحث...','Search...') }}" style="max-width:220px">
      <select name="status" class="form-input" style="width:auto" onchange="this.form.submit()">
        <option value="all"      {{ $status==='all'?'selected':'' }}>{{ t('الكل','All') }}</option>
        <option value="published"{{ $status==='published'?'selected':'' }}>✅ {{ t('منشور','Published') }}</option>
        <option value="draft"    {{ $status==='draft'?'selected':'' }}>📝 {{ t('مسودة','Draft') }}</option>
      </select>
      <button class="btn btn-outline btn-sm">🔍</button>
    </form>
    <a href="{{ route('admin.posts.create') }}" class="btn btn-primary btn-sm">➕ {{ t('مقال جديد','New Post') }}</a>
  </div>
  <table class="data-table">
    <thead><tr><th>{{ t('المقال','Post') }}</th><th>{{ t('الكاتب','Author') }}</th><th>{{ t('الفئة','Category') }}</th><th>{{ t('الحالة','Status') }}</th><th>{{ t('المشاهدات','Views') }}</th><th>{{ t('إجراءات','Actions') }}</th></tr></thead>
    <tbody>
    @forelse($posts as $post)
    <tr>
      <td>
        <div style="font-weight:700;font-size:14px">{{ $post->title_ar }}</div>
        @if($post->excerpt_ar)<div style="font-size:12px;color:#64748b">{{ Str::limit($post->excerpt_ar,60) }}</div>@endif
        <div style="font-size:11px;color:#94a3b8;margin-top:2px">{{ $post->created_at->format('Y-m-d') }}</div>
      </td>
      <td style="font-size:13px">{{ $post->author->name??'—' }}</td>
      <td><span class="badge badge-blue" style="font-size:11px">{{ $post->category }}</span></td>
      <td>
        <span class="badge {{ $post->status==='published'?'badge-green':'badge-orange' }}">
          {{ $post->status==='published'?'✅ '.t('منشور','Published'):'📝 '.t('مسودة','Draft') }}
        </span>
      </td>
      <td style="font-size:13px">👁️ {{ $post->views }}</td>
      <td>
        <div style="display:flex;gap:5px">
          <a href="{{ route('admin.posts.edit',$post->id) }}" class="btn btn-sm" style="background:#dbeafe;color:#2563eb">✏️</a>
          @if($post->status==='draft')
          <form method="POST" action="{{ route('admin.posts.publish',$post->id) }}" style="display:inline">@csrf
            <button class="btn btn-sm btn-success" title="{{ t('نشر','Publish') }}">📢</button>
          </form>
          @else
          <form method="POST" action="{{ route('admin.posts.unpublish',$post->id) }}" style="display:inline">@csrf
            <button class="btn btn-sm" style="background:#fef3c7;color:#d97706" title="{{ t('إخفاء','Unpublish') }}">⛔</button>
          </form>
          @endif
          <form method="POST" action="{{ route('admin.posts.delete',$post->id) }}" style="display:inline">@csrf @method('DELETE')
            <button class="btn btn-sm btn-danger" onclick="return confirm('{{ t('حذف؟','Delete?') }}')">🗑️</button>
          </form>
        </div>
      </td>
    </tr>
    @empty
    <tr><td colspan="6" style="text-align:center;padding:32px;color:#94a3b8">
      {{ t('لا يوجد مقالات — ابدأ بكتابة أول مقال','No posts yet — start writing your first post') }}
      <br><br><a href="{{ route('admin.posts.create') }}" class="btn btn-primary">➕ {{ t('مقال جديد','New Post') }}</a>
    </td></tr>
    @endforelse
    </tbody>
  </table>
  @if($posts->hasPages())<div style="padding:16px">{{ $posts->withQueryString()->links() }}</div>@endif
</div>
@endsection