@extends('layouts.tenant-admin')
@section('title', 'التعليقات')

@section('content')
<h2 class="text-2xl font-bold mb-6">التعليقات</h2>

<div class="flex gap-2 mb-4 text-sm">
    <a href="{{ route('tenant.comments.index', ['status' => 'pending']) }}" class="px-3 py-1 rounded {{ request('status', 'pending') === 'pending' ? 'bg-blue-600 text-white' : 'bg-gray-100' }}">بانتظار المراجعة</a>
    <a href="{{ route('tenant.comments.index', ['status' => 'approved']) }}" class="px-3 py-1 rounded {{ request('status') === 'approved' ? 'bg-blue-600 text-white' : 'bg-gray-100' }}">معتمدة</a>
    <a href="{{ route('tenant.comments.index', ['status' => 'spam']) }}" class="px-3 py-1 rounded {{ request('status') === 'spam' ? 'bg-blue-600 text-white' : 'bg-gray-100' }}">سبام</a>
</div>

<div class="bg-white rounded-lg shadow divide-y">
    @forelse ($comments as $comment)
    <div class="p-4">
        <div class="flex justify-between items-start mb-2">
            <div>
                <span class="font-bold">{{ $comment->name }}</span>
                <span class="text-xs text-gray-400" dir="ltr">{{ $comment->email }}</span>
            </div>
            <span class="text-xs text-gray-500">{{ $comment->created_at->diffForHumans() }}</span>
        </div>
        <p class="text-sm text-gray-700 mb-2">{{ $comment->body }}</p>
        <p class="text-xs text-gray-500 mb-3">على مقال: <a href="/article/{{ $comment->article->slug }}" target="_blank" class="text-blue-600 hover:underline">{{ $comment->article->title }}</a></p>
        <div class="flex gap-3 text-sm">
            @if ($comment->status !== 'approved')
            <form action="{{ route('tenant.comments.approve', $comment) }}" method="post">
                @csrf
                <button class="text-green-600 hover:underline">اعتماد</button>
            </form>
            @endif
            @if ($comment->status !== 'spam')
            <form action="{{ route('tenant.comments.spam', $comment) }}" method="post">
                @csrf
                <button class="text-yellow-600 hover:underline">سبام</button>
            </form>
            @endif
            <form action="{{ route('tenant.comments.destroy', $comment) }}" method="post" onsubmit="return confirm('متأكد تبي تحذف هذا التعليق؟')">
                @csrf @method('DELETE')
                <button class="text-red-600 hover:underline">حذف</button>
            </form>
        </div>
    </div>
    @empty
    <p class="p-6 text-center text-gray-500">لا توجد تعليقات هنا.</p>
    @endforelse
</div>

<div class="mt-4">{{ $comments->links() }}</div>
@endsection