@extends('layouts.superadmin')

@section('content')
<div class="p-4 sm:p-6" dir="rtl">
    <h1 class="text-xl font-extrabold text-slate-900 mb-4">إضافة سيرفر</h1>

    @if ($errors->any())
        <div class="mb-4 rounded-2xl bg-rose-500/10 border border-rose-500/20 p-4">
            <div class="font-extrabold text-rose-900 mb-2">🚫 يوجد أخطاء</div>
            <ul class="space-y-1 text-sm text-rose-900/85 list-disc pr-5">
                @foreach($errors->all() as $err) <li>{{ $err }}</li> @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('superadmin.servers.store') }}" class="bg-white rounded-2xl border border-slate-200 p-5 space-y-4">
        @csrf

        <div>
            <label class="block font-bold mb-2">اسم السيرفر</label>
            <input name="name" value="{{ old('name') }}" required
                   class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80">
        </div>

        <div>
            <label class="block font-bold mb-2">Key (اختياري)</label>
            <input name="key" value="{{ old('key') }}"
                   class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80">
        </div>

        <div class="grid sm:grid-cols-2 gap-3">
            <div>
                <label class="block font-bold mb-2">Sort Order</label>
                <input type="number" name="sort_order" value="{{ old('sort_order', 0) }}"
                       class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80">
            </div>

            <div class="flex items-center gap-2 pt-8">
                <input type="checkbox" name="is_active" value="1" {{ old('is_active', 1) ? 'checked' : '' }}>
                <span class="font-bold text-slate-800">مفعّل</span>
            </div>
        </div>

        <div>
            <label class="block font-bold mb-2">Redirect Route داخل النظام (اختياري)</label>
            <input name="redirect_route" value="{{ old('redirect_route') }}"
                   class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80">
            <div class="text-xs text-slate-500 mt-1">مثال: superadmin.dashboard</div>
        </div>

        <div>
            <label class="block font-bold mb-2">Login Redirect URL خارجي (اختياري)</label>
            <input name="login_redirect_url" value="{{ old('login_redirect_url') }}"
                   class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80" placeholder="https://google.com">
        </div>

        <div>
            <label class="block font-bold mb-2">Allowed Roles (CSV أو JSON) اختياري</label>
            <input name="allowed_roles" value="{{ old('allowed_roles') }}"
                   class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white/80" placeholder="super-admin, manager">
        </div>

        <div class="flex gap-2">
            <button class="px-5 py-3 rounded-xl bg-sky-600 hover:bg-sky-700 text-white font-extrabold">حفظ</button>
            <a href="{{ route('superadmin.servers.index') }}" class="px-5 py-3 rounded-xl bg-slate-900/5 border border-slate-200 font-extrabold">رجوع</a>
        </div>
    </form>
</div>
@endsection