{{-- resources/views/general/posts/banned.blade.php --}}
@extends($layout)

@section('title', 'محظور من النشر')

@section('content')
<div class="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center px-4">
    <div class="max-w-md w-full">
        <div class="bg-white dark:bg-gray-800 rounded-2xl shadow-xl p-8 text-center">
            {{-- Icon --}}
            <div class="mb-6">
                <div class="mx-auto w-20 h-20 bg-red-100 rounded-full flex items-center justify-center">
                    <svg class="w-10 h-10 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 5.636l-12.728 12.728m0-12.728l12.728 12.728"></path>
                    </svg>
                </div>
            </div>

            {{-- Title --}}
            <h1 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
                تم حظرك من النشر
            </h1>

            {{-- Message --}}
            <div class="text-gray-600 dark:text-gray-400 mb-6 space-y-3">
                <p class="leading-relaxed">
                    لقد تم حظرك من استخدام نظام المنشورات في الموقع.
                </p>
                
                @if($postPermission->ban_reason)
                <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4">
                    <h3 class="font-semibold text-red-800 dark:text-red-400 mb-2">سبب الحظر:</h3>
                    <p class="text-red-700 dark:text-red-300 text-sm">{{ $postPermission->ban_reason }}</p>
                </div>
                @endif

                @if($postPermission->banned_at)
                <div class="text-sm text-gray-500">
                    <p>تاريخ الحظر: {{ $postPermission->banned_at->format('Y/m/d - h:i A') }}</p>
                    @if($postPermission->bannedBy)
                    <p>بواسطة: {{ $postPermission->bannedBy->name }}</p>
                    @endif
                </div>
                @endif
            </div>

            {{-- Instructions --}}
            <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6">
                <h3 class="font-semibold text-blue-800 dark:text-blue-400 mb-2">ما يمكنك فعله:</h3>
                <ul class="text-blue-700 dark:text-blue-300 text-sm space-y-1 text-right">
                    <li>• مراجعة قوانين المنشورات</li>
                    <li>• التواصل مع الإدارة لمراجعة الحظر</li>
                    <li>• استخدام الأقسام الأخرى في النظام</li>
                </ul>
            </div>

            {{-- Action Buttons --}}
            <div class="flex flex-col sm:flex-row gap-3">
                <a href="{{ route('dashboard') }}" 
                   class="flex-1 bg-gray-600 hover:bg-gray-700 text-white font-medium py-3 px-6 rounded-lg transition duration-200">
                    العودة للرئيسية
                </a>
                
                @if(auth()->user()->hasRole(['member', 'official-member']))
                <a href="{{ route('member.reports-objections.create') }}" 
                   class="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg transition duration-200">
                    تقديم اعتراض
                </a>
                @endif
            </div>

            {{-- Contact Info --}}
            <div class="mt-6 pt-6 border-t border-gray-200 dark:border-gray-700">
                <p class="text-xs text-gray-500 dark:text-gray-400">
                    للاستفسارات أو المراجعة، يرجى التواصل مع الإدارة
                </p>
            </div>
        </div>
    </div>
</div>
@endsection