@extends('layouts.landlord')
@section('title', 'الإضافات')

@section('content')
<h2 class="text-2xl font-bold mb-6">الإضافات (Plugins)</h2>

@if ($errors->any())
    <div class="mb-4 bg-red-100 text-red-700 px-4 py-2 rounded">{{ $errors->first() }}</div>
@endif

<form method="post" action="{{ route('landlord.plugins.store') }}" enctype="multipart/form-data" class="bg-white p-5 rounded-lg shadow mb-6 flex items-end gap-4">
    @csrf
    <div class="flex-1">
        <label class="block text-sm font-medium mb-1">رفع إضافة جديدة (.zip يحتوي plugin.json)</label>
        <input type="file" name="zip_file" accept=".zip" required class="w-full border rounded p-2">
    </div>
    <button type="submit" class="bg-blue-600 text-white px-5 py-2 rounded">رفع</button>
</form>

<table class="w-full bg-white rounded-lg shadow overflow-hidden text-sm">
    <thead class="bg-gray-100 text-gray-600">
        <tr>
            <th class="p-3 text-right">الاسم</th>
            <th class="p-3 text-right">الإصدار</th>
            <th class="p-3 text-right">حالة المراجعة</th>
            <th class="p-3 text-right">مفعّلة عند</th>
            <th class="p-3 text-right">الوصف</th>
            <th class="p-3 text-right">إجراءات</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($plugins as $plugin)
        <tr class="border-t">
            <td class="p-3 font-medium">{{ $plugin->name }}</td>
            <td class="p-3" dir="ltr">{{ $plugin->version }}</td>
            <td class="p-3">
                <span @class([
                    'px-2 py-1 rounded text-xs',
                    'bg-yellow-100 text-yellow-700' => $plugin->review_status === 'pending_review',
                    'bg-green-100 text-green-700' => $plugin->review_status === 'approved',
                    'bg-red-100 text-red-700' => $plugin->review_status === 'rejected',
                ])>
                    {{ ['pending_review' => 'بانتظار المراجعة', 'approved' => 'معتمدة', 'rejected' => 'مرفوضة'][$plugin->review_status] }}
                </span>
            </td>
            <td class="p-3">
                @if ($plugin->activations_count > 0)
                    <span class="bg-blue-100 text-blue-700 text-xs px-2 py-1 rounded-full">{{ $plugin->activations_count }} موقع</span>
                @else
                    <span class="text-xs text-gray-400">لا شيء</span>
                @endif
            </td>
            <td class="p-3 text-gray-500">{{ $plugin->description }}</td>
            <td class="p-3 space-x-2 space-x-reverse whitespace-nowrap">
                @if ($plugin->review_status === 'pending_review')
                    <form action="{{ route('landlord.plugins.approve', $plugin) }}" method="post" class="inline">
                        @csrf
                        <button class="text-green-600 hover:underline">اعتماد</button>
                    </form>
                    <button type="button" onclick="document.getElementById('reject-{{ $plugin->id }}').classList.toggle('hidden')" class="text-red-600 hover:underline">رفض</button>
                @endif
                <a href="{{ route('landlord.plugins.edit', $plugin) }}" class="text-blue-600 hover:underline">تعديل</a>
                @if ($plugin->activations_count > 0)
                    <form action="{{ route('landlord.plugins.force-deactivate', $plugin) }}" method="post" class="inline"
                          onsubmit="return confirm('راح تُعطَّل هذي الإضافة تلقائياً من كل المواقع اللي مفعّلينها ({{ $plugin->activations_count }} موقع). متأكد؟')">
                        @csrf
                        <button class="text-orange-600 hover:underline">تعطيل من الكل</button>
                    </form>
                @endif
                <form action="{{ route('landlord.plugins.destroy', $plugin) }}" method="post" class="inline" onsubmit="return confirm('متأكد تبي تحذف هذه الإضافة؟')">
                    @csrf @method('DELETE')
                    <button class="text-gray-500 hover:underline">حذف</button>
                </form>

                @if ($plugin->review_status === 'pending_review')
                <div id="reject-{{ $plugin->id }}" class="hidden mt-2">
                    <form action="{{ route('landlord.plugins.reject', $plugin) }}" method="post" class="flex gap-2">
                        @csrf
                        <input type="text" name="review_notes" placeholder="سبب الرفض" required class="border rounded p-1 text-xs">
                        <button class="text-red-700 text-xs">تأكيد الرفض</button>
                    </form>
                </div>
                @endif
            </td>
        </tr>
        @endforeach
    </tbody>
</table>
@endsection