@extends('layouts.superadmin')

@section('content')
<div class="p-4 sm:p-6" dir="rtl">
    <h1 class="text-xl font-extrabold text-slate-900 mb-2">صلاحيات السيرفرات</h1>
    <div class="text-sm text-slate-600 mb-4">ضبط allowed_roles لكل سيرفر (CSV أو JSON)</div>

    @if(session('success'))
        <div class="mb-4 rounded-2xl bg-emerald-500/10 border border-emerald-500/20 p-4 text-emerald-900 font-bold">
            ✅ {{ session('success') }}
        </div>
    @endif

    <div class="space-y-3">
        @foreach($servers as $s)
            <div class="bg-white rounded-2xl border border-slate-200 p-4">
                <div class="flex items-center justify-between gap-3">
                    <div>
                        <div class="font-extrabold text-slate-900">{{ $s->name }} <span class="text-slate-500 text-sm">({{ $s->key }})</span></div>
                        <div class="text-xs text-slate-500 mt-1">
                            الحالة: {{ (int)$s->is_active===1 ? 'مفعّل' : 'معطّل' }}
                        </div>
                    </div>
                </div>

                <form method="POST" action="{{ route('superadmin.servers.permissions.update', $s->id) }}" class="mt-3 flex gap-2">
                    @csrf
                    <input name="allowed_roles" value="{{ old('allowed_roles', $s->allowed_roles) }}"
                           placeholder="مثال: super-admin, manager أو [\"super-admin\",\"manager\"]"
                           class="w-full px-4 py-2 rounded-xl border border-slate-200 bg-white/80">
                    <button class="px-4 py-2 rounded-xl bg-sky-600 hover:bg-sky-700 text-white font-extrabold">حفظ</button>
                </form>
            </div>
        @endforeach
    </div>
</div>
@endsection