@extends('layouts.superadmin')

@section('title', 'وزارة الخارجية')

@section('content')
<div class="max-w-6xl mx-auto px-4 py-6 space-y-6">

    <div class="rounded-3xl border border-white/10
                bg-gradient-to-br from-indigo-900/80 via-slate-900 to-black
                p-6 md:p-8 shadow-xl">
        <div class="flex items-center gap-4 mb-5">
            <div class="h-12 w-12 rounded-2xl bg-indigo-500/25 border border-indigo-400/50
                        grid place-items-center text-indigo-100">
                <i class="fa-solid fa-globe text-lg"></i>
            </div>
            <div>
                <h1 class="text-2xl md:text-3xl font-extrabold text-white">وزارة الخارجية</h1>
                <p class="text-sm text-indigo-100/80 mt-1">
                    تختص بأمور التيم الخارجية والتحالفات مع الفرق الأخرى.
                </p>
            </div>
        </div>

        <div class="space-y-4 text-sm md:text-[15px] leading-7 text-white/80">
            <p>
                وزارة الخارجية تهتم بصورة التيم خارجياً: علاقات، تحالفات، وتنسيق حملات مشتركة مع فرق أخرى.
            </p>

            <ul class="list-disc list-inside space-y-1 text-white/75">
                <li>التواصل مع قادة الفرق الأخرى بخصوص التحالفات والفعاليات المشتركة.</li>
                <li>تنظيم حضور التيم في الحملات أو التحديات الخارجية.</li>
                <li>المحافظة على سمعة التيم بما يليق باسم جيش الوفاء الذهبي.</li>
                <li>التنسيق مع وزارة الاقتصاد في حملات الدعم المتبادلة.</li>
            </ul>

            <p class="text-white/70">
                قريبًا يمكن إضافة لوحة تحالفات توضح كل اتفاقيات التيم الخارجية بشكل منظم.
            </p>
        </div>
    </div>

</div>
@endsection