@extends('layouts.dashboard')
@section('title', t('التعليقات','Comments'))
@section('page-title','💬 '.t('إدارة التعليقات','Manage Comments'))
@section('content')

<div class="stats-grid" style="grid-template-columns:repeat(3,1fr);margin-bottom:20px">
  <div class="stat-card stat-orange"><div class="stat-icon">⏳</div><div class="stat-info"><div class="stat-label">{{ t('بانتظار المراجعة','Pending') }}</div><div class="stat-value">{{ $stats['pending'] }}</div></div></div>
  <div class="stat-card stat-green"><div class="stat-icon">✅</div><div class="stat-info"><div class="stat-label">{{ t('منشور','Approved') }}</div><div class="stat-value">{{ $stats['approved'] }}</div></div></div>
  <div class="stat-card stat-pink"><div class="stat-icon">🚫</div><div class="stat-info"><div class="stat-label">Spam</div><div class="stat-value">{{ $stats['spam'] }}</div></div></div>
</div>

<div class="card">
  <div class="card-header">
    <div style="display:flex;gap:6px">
      @foreach(['all'=>t('الكل','All'),'pending'=>t('انتظار','Pending'),'approved'=>t('منشور','Approved'),'spam'=>'Spam'] as $s=>$l)
      <a href="{{ request()->fullUrlWithQuery(['status'=>$s]) }}" class="btn btn-sm {{ $status===$s?'btn-primary':'btn-outline' }}">{{ $l }}</a>
      @endforeach
    </div>
    @if($stats['pending'] > 0)
    <form method="POST" action="{{ route('admin.comments.bulk-approve') }}">@csrf
      <button class="btn btn-success btn-sm" onclick="return confirm('{{ t('نشر كل التعليقات المعلقة؟','Approve all pending?') }}')">✅ {{ t('نشر الكل','Approve All') }}</button>
    </form>
    @endif
  </div>

  @forelse($comments as $c)
  <div style="padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;gap:14px">
    <div style="width:40px;height:40px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2563eb;flex-shrink:0;font-size:16px">{{ strtoupper(substr($c->name,0,1)) }}</div>
    <div style="flex:1">
      <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px">
        <strong>{{ $c->name }}</strong>
        <span style="font-size:12px;color:#94a3b8">{{ $c->email }}</span>
        <span class="badge {{ $c->status==='approved'?'badge-green':($c->status==='spam'?'badge-red':'badge-orange') }}" style="font-size:10px">{{ $c->status }}</span>
        @if($c->post)<a href="{{ route('blog.post',$c->post->slug) }}" style="font-size:11px;color:#2563eb" target="_blank">📝 {{ $c->post->title_ar }}</a>@endif
        <span style="font-size:11px;color:#94a3b8">{{ \Carbon\Carbon::parse($c->created_at)->diffForHumans() }}</span>
      </div>
      <p style="font-size:14px;color:#334155;margin:0;line-height:1.6">{{ $c->content }}</p>
    </div>
    <div style="display:flex;gap:4px;flex-shrink:0">
      @if($c->status !== 'approved')
      <form method="POST" action="{{ route('admin.comments.approve',$c->id) }}">@csrf
        <button class="btn btn-sm btn-success" title="{{ t('نشر','Approve') }}">✅</button>
      </form>
      @endif
      @if($c->status !== 'spam')
      <form method="POST" action="{{ route('admin.comments.spam',$c->id) }}">@csrf
        <button class="btn btn-sm btn-outline" title="Spam">🚫</button>
      </form>
      @endif
      <form method="POST" action="{{ route('admin.comments.delete',$c->id) }}">@csrf @method('DELETE')
        <button class="btn btn-sm btn-danger" onclick="return confirm('{{ t('حذف؟','Delete?') }}')">🗑️</button>
      </form>
    </div>
  </div>
  @empty
  <p style="text-align:center;padding:32px;color:#94a3b8">{{ t('لا يوجد تعليقات','No comments') }}</p>
  @endforelse
  @if($comments->hasPages())<div style="padding:16px">{{ $comments->withQueryString()->links() }}</div>@endif
</div>
@endsection