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

@section('title','ربط مصادر خارجية — AmirOS AI')
@section('page-title','🔌 ربط مصادر خارجية مع AmirOS AI')

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

    <div class="rounded-3xl bg-slate-900/90 border border-white/10 p-6 sm:p-7 shadow-2xl space-y-4">
      <h1 class="text-2xl sm:text-3xl font-extrabold text-white mb-1">
        مصادر البيانات الخارجية
      </h1>
      <p class="text-sm text-slate-300 leading-relaxed">
        هنا سيتم ربط AmirOS AI مع منصات خارجية (تيليغرام، تيكتوك، مستندات، ...).
        حاليًا، هذه الصفحة للعرض فقط، والربط الحقيقي يتم يدويًا من فريق النظام.
      </p>

      <div class="mt-2 rounded-2xl bg-slate-800/80 border border-amber-400/40 px-4 py-3 text-xs text-amber-100 flex items-start gap-3">
        <i class="fa-solid fa-lock text-sm mt-0.5"></i>
        <div>
          <div class="font-semibold">غير مؤهل لإدارة الربط</div>
          <div class="mt-0.5 text-[11px]">
            يمكن مشاهدة المصادر المخطط لها فقط، التفعيل والإلغاء يخص غرفة الصقر ومالك النظام.
          </div>
        </div>
      </div>

      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-4 text-sm">

        <div class="rounded-2xl bg-slate-800/80 border border-sky-500/40 p-4 flex flex-col justify-between">
          <div class="space-y-1">
            <div class="flex items-center gap-2 text-sky-300 text-xs font-semibold">
              <i class="fa-brands fa-telegram text-sm"></i>
              <span>قنوات تيليغرام</span>
            </div>
            <p class="text-[13px] text-slate-200">
              ربط قنوات مثل <span class="font-semibold">PalestineNow</span> وتحليل التفاعل والرسائل المهمة.
            </p>
          </div>
          <div class="mt-3 flex items-center justify-between text-[11px] text-slate-400">
            <span>الحالة الحالية: غير مفعّل</span>
            <span class="px-2 py-1 rounded-full bg-slate-900/80 border border-slate-700">قريبًا</span>
          </div>
        </div>

        <div class="rounded-2xl bg-slate-800/80 border border-emerald-500/40 p-4 flex flex-col justify-between">
          <div class="space-y-1">
            <div class="flex items-center gap-2 text-emerald-300 text-xs font-semibold">
              <i class="fa-solid fa-clapperboard text-sm"></i>
              <span>منصات اللايف (TikTok / IG)</span>
            </div>
            <p class="text-[13px] text-slate-200">
              قراءة بيانات اللايفات المرتبطة بـ ProActive وGuests لقياس أثرها الحقيقي.
            </p>
          </div>
          <div class="mt-3 flex items-center justify-between text-[11px] text-slate-400">
            <span>الحالة الحالية: مخطط</span>
            <span class="px-2 py-1 rounded-full bg-slate-900/80 border border-slate-700">Phase 2</span>
          </div>
        </div>

        <div class="rounded-2xl bg-slate-800/80 border border-fuchsia-500/40 p-4 flex flex-col justify-between">
          <div class="space-y-1">
            <div class="flex items-center gap-2 text-fuchsia-300 text-xs font-semibold">
              <i class="fa-solid fa-database text-sm"></i>
              <span>مستودع التقارير المركزي</span>
            </div>
            <p class="text-[13px] text-slate-200">
              تجميع كل التقارير (ProActive, Guests, Evaluations) في Data Lake واحد لتحليلات عميقة.
            </p>
          </div>
          <div class="mt-3 flex items-center justify-between text-[11px] text-slate-400">
            <span>الحالة الحالية: قيد الإعداد</span>
            <span class="px-2 py-1 rounded-full bg-slate-900/80 border border-slate-700">Internal Only</span>
          </div>
        </div>

        <div class="rounded-2xl bg-slate-800/80 border border-rose-500/40 p-4 flex flex-col justify-between">
          <div class="space-y-1">
            <div class="flex items-center gap-2 text-rose-300 text-xs font-semibold">
              <i class="fa-solid fa-triangle-exclamation text-sm"></i>
              <span>مركز الأخطاء والتنبيهات</span>
            </div>
            <p class="text-[13px] text-slate-200">
              ربط سحابة Logs مع AmirOS AI لتعريف أنماط أعطال قبل ما تضرب المستخدمين.
            </p>
          </div>
          <div class="mt-3 flex items-center justify-between text-[11px] text-slate-400">
            <span>الحالة الحالية: غير مفعّل</span>
            <span class="px-2 py-1 rounded-full bg-slate-900/80 border border-slate-700">Security Locked</span>
          </div>
        </div>

      </div>

      <div class="mt-5 text-[11px] text-slate-400 border-t border-slate-800 pt-3 text-center">
        عند تفعيل أي مصدر خارجي، يتم إعلام القيادة برسالة رسمية داخل غرفة الصقر مع شرح نوع البيانات وسبب الربط.
      </div>

    </div>

  </div>
</div>
@endsection