{{-- resources/views/superadmin/ai/settings.blade.php --}}
@extends('layouts.superadmin')

@section('title','إعدادات الذكاء الاصطناعي — AmirOS AI')
@section('page-title','🧠 إعدادات الذكاء الاصطناعي — AmirOS AI Core')

@section('content')
<div class="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 px-4 sm:px-6 lg:px-8 py-8">
  <div class="max-w-3xl mx-auto space-y-6">

    {{-- HERO --}}
    <div class="relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br
                from-emerald-500/10 via-sky-500/5 to-purple-500/10 p-5 sm:p-6 shadow-2xl">
      <div class="absolute -top-24 -left-10 w-40 h-40 bg-emerald-400/10 blur-3xl"></div>
      <div class="absolute -bottom-24 -right-10 w-52 h-52 bg-purple-500/10 blur-3xl"></div>

      <div class="relative flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
        <div class="space-y-2">
          <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-emerald-500/15 border border-emerald-400/40 text-emerald-100 text-[11px]">
            <i class="fa-solid fa-microchip text-[10px]"></i>
            <span>AmirOS AI · Core Settings (Read-Only)</span>
          </div>
          <h1 class="text-2xl sm:text-3xl font-extrabold text-white">
            إعدادات نواة الذكاء الاصطناعي للفريق
          </h1>
          <p class="text-xs sm:text-sm text-emerald-100/80 leading-relaxed">
            هذه الصفحة تعرض إعدادات تشغيل <span class="font-semibold">AmirOS AI</span> داخل نظام فريق الوفاء الذهبي.
            الإعدادات مقفولة للقراءة فقط، ويتم التحكم الكامل بها من قبل الإدارة العليا.
          </p>
        </div>

        <div class="self-start sm:self-auto">
          <div class="rounded-2xl bg-slate-900/80 border border-white/10 px-4 py-3 text-xs text-slate-100 space-y-1">
            <div class="font-semibold text-emerald-300 flex items-center gap-2">
              <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span>
              <span>حالة النظام: يعمل بكفاءة</span>
            </div>
            <div class="text-[11px] text-slate-300">
              التحكم في هذه الإعدادات يتطلب صلاحية <span class="font-semibold text-amber-300">Super Admin · AI Root</span>.
            </div>
          </div>
        </div>
      </div>

      {{-- رسالة عدم الصلاحية --}}
      <div class="mt-4 rounded-2xl bg-slate-900/80 border border-rose-500/40 px-4 py-3 flex items-start gap-3 text-xs text-rose-100">
        <i class="fa-solid fa-lock text-sm mt-0.5"></i>
        <div>
          <div class="font-semibold">غير مؤهل لتعديل هذه الإعدادات</div>
          <div class="text-[11px] text-rose-100/80 mt-0.5">
            يمكنك الاطّلاع على القيم الحالية فقط، أي تعديل يتم حصريًا من خلال القائد سيف الوفاء وفريق النظام.
          </div>
        </div>
      </div>
    </div>

    {{-- SECTION: بيانات الاتصال --}}
    <div class="rounded-3xl bg-slate-900/80 border border-white/10 shadow-xl overflow-hidden">
      <div class="px-4 sm:px-6 py-3 border-b border-white/10 flex items-center justify-between">
        <div class="space-y-0.5">
          <h2 class="text-sm font-semibold text-slate-50">بيانات خادم الذكاء الاصطناعي</h2>
          <p class="text-[11px] text-slate-400">المسؤول عن استقبال طلبات التحليل من أنظمة الفريق.</p>
        </div>
        <span class="text-[10px] px-2 py-1 rounded-full bg-slate-800 text-slate-300 border border-slate-700">
          Read-Only
        </span>
      </div>

      <div class="divide-y divide-slate-800 text-sm text-slate-100">

        {{-- اسم الذكاء الاصطناعي --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">اسم الذكاء الاصطناعي</div>
            <div class="text-[11px] text-slate-400 mt-0.5">الاسم الرسمي داخل أنظمة Amir-OS.</div>
          </div>
          <div class="text-right">
            <div class="text-xs px-3 py-1 rounded-full bg-slate-800 text-emerald-300 border border-slate-700">
              AmirOS AI
            </div>
          </div>
        </div>

        {{-- السيرفر --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">سيرفر الذكاء الاصطناعي</div>
            <div class="text-[11px] text-slate-400 mt-0.5">نقطة الدخول لجميع استعلامات الذكاء الاصطناعي.</div>
          </div>
          <div class="text-right">
            <div class="text-[11px] font-mono px-3 py-1 rounded-full bg-slate-800 text-sky-300 border border-slate-700">
              api.amir-os.com
            </div>
          </div>
        </div>

        {{-- البورت --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">البورت</div>
            <div class="text-[11px] text-slate-400 mt-0.5">القناة التي يستقبل عليها الخادم الاتصالات.</div>
          </div>
          <div class="text-right">
            <div class="text-xs font-mono px-3 py-1 rounded-full bg-slate-800 text-amber-300 border border-slate-700">
              3345
            </div>
          </div>
        </div>

        {{-- المستخدم والنظام وكلمة المرور --}}
        <div class="px-4 sm:px-6 py-3 space-y-3">
          <div class="flex items-center justify-between gap-4">
            <div>
              <div class="font-medium">رقم المستخدم</div>
              <div class="text-[11px] text-slate-400 mt-0.5">معرف داخلي للجلسة الأساسية.</div>
            </div>
            <div class="text-xs font-mono px-3 py-1 rounded-full bg-slate-800 text-slate-100 border border-slate-700">
              56186x
            </div>
          </div>

          <div class="flex items-center justify-between gap-4">
            <div>
              <div class="font-medium">نظام التشغيل المنطقي</div>
              <div class="text-[11px] text-slate-400 mt-0.5">كيف يرى AmirOS AI أعضاء الفريق.</div>
            </div>
            <div class="text-right text-[11px] text-slate-200">
              استخدام عبر نظام التعتير.
            </div>
          </div>

          <div class="flex items-center justify-between gap-4">
            <div>
              <div class="font-medium">رقم المرور</div>
              <div class="text-[11px] text-slate-400 mt-0.5">يُخزَّن بشكل مشفر داخل خوادم Amir-OS.</div>
            </div>
            <div class="flex items-center gap-2">
              <div class="text-base tracking-widest select-none">
                •••••
              </div>
              <span class="text-[10px] text-slate-500">(00123)</span>
            </div>
          </div>
        </div>

        {{-- التوكن --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">API Token</div>
            <div class="text-[11px] text-slate-400 mt-0.5">مفتاح مصادقة من نوع MD5 لكل طلب ذكي.</div>
          </div>
          <div class="text-right">
            <div class="text-[10px] font-mono px-3 py-1 rounded-full bg-slate-800 text-emerald-200 border border-slate-700">
              f3a9b21c8e4d7a65b0193d44e2a7c6f
            </div>
          </div>
        </div>

      </div>
    </div>

    {{-- SECTION: المفاتيح (سويتشات iOS) --}}
    <div class="rounded-3xl bg-slate-900/80 border border-white/10 shadow-xl overflow-hidden">
      <div class="px-4 sm:px-6 py-3 border-b border-white/10 flex items-center justify-between">
        <div class="space-y-0.5">
          <h2 class="text-sm font-semibold text-slate-50">مفاتيح تشغيل التحليلات</h2>
          <p class="text-[11px] text-slate-400">الحالة الحالية لوحدات التحليل في النظام.</p>
        </div>
        <span class="text-[10px] text-slate-400">عرض فقط</span>
      </div>

      @php
        // helper for ON/OFF style (read-only)
        $onClassOuter  = 'relative inline-flex h-6 w-11 items-center rounded-full bg-emerald-500';
        $onClassInner  = 'inline-block h-5 w-5 transform translate-x-5 rounded-full bg-white shadow';
        $offClassOuter = 'relative inline-flex h-6 w-11 items-center rounded-full bg-slate-600';
        $offClassInner = 'inline-block h-5 w-5 transform translate-x-0.5 rounded-full bg-white shadow';
      @endphp

      <div class="divide-y divide-slate-800 text-sm text-slate-100">

        {{-- تشغيل النظام --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تشغيل AmirOS AI</div>
            <div class="text-[11px] text-slate-400 mt-0.5">السويتش الرئيسي لاستقبال وتحليل الطلبات.</div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        {{-- تحليل الأعضاء --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تحليل الأعضاء</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              مراقبة السلوك، التفاعل، والمخالفات لإنتاج مؤشرات الاستقرار والخطر.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        {{-- تحليل برو أكتيف --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تحليل ProActive</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              قراءة التقارير والمواعيد لقياس جودة الفعاليات وتوزيع الجهد.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        {{-- تحليل التقييمات (غير شغال) --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تحليل التقييمات</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              موقوف مؤقتًا حتى يتم اعتماد سياسات تقييم جديدة من الإدارة.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $offClassOuter }}">
              <span class="{{ $offClassInner }}"></span>
            </div>
            <span class="text-[11px] text-slate-300">متوقّف</span>
          </div>
        </div>

        {{-- خمسة إعدادات إضافية من عندي --}}
        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تحليل الغيابات الذكي</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              يربط بين الغياب، المزاج، ونشاط السوشيال لترشيح حالات تحتاج متابعة.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تعلم من المحادثات</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              يسمح للنظام ببناء نماذج على طريقة كلام التيم (ProActive / واتساب / تيكتوك).
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">وضع الخصوصية العالي</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              يحجب أي بيانات حساسة عن لوحات التحكم العامة ويُظهرها للقيادة فقط.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $onClassOuter }}">
              <span class="{{ $onClassInner }}"></span>
            </div>
            <span class="text-[11px] text-emerald-300">شغّال</span>
          </div>
        </div>

        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تنبيهات القادة الذكية</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              يرسل تنبيهات لحظية عندما تقترب حالة عضو من منطقة الخطر.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $offClassOuter }}">
              <span class="{{ $offClassInner }}"></span>
            </div>
            <span class="text-[11px] text-slate-300">متوقّف</span>
          </div>
        </div>

        <div class="px-4 sm:px-6 py-3 flex items-center justify-between gap-4">
          <div>
            <div class="font-medium">تقرير أسبوعي تلقائي</div>
            <div class="text-[11px] text-slate-400 mt-0.5">
              تلخيص أسبوعي يُرسل لغرفة الصقر عن حالة التيم العامة.
            </div>
          </div>
          <div class="flex items-center gap-2 opacity-60 cursor-not-allowed">
            <div class="{{ $offClassOuter }}">
              <span class="{{ $offClassInner }}"></span>
            </div>
            <span class="text-[11px] text-slate-300">متوقّف</span>
          </div>
        </div>

      </div>
    </div>

    {{-- FOOTER --}}
    <div class="text-center text-[11px] text-slate-400 mt-4">
      كل تعديل على هذه الإعدادات يمرّ بمراجعة مباشرة من
      <span class="font-semibold text-emerald-300">القائد سيف الوفاء</span>
      وفريق النظام في غرفة الصقر.
    </div>

  </div>
</div>
@endsection