@extends('layouts.superadmin')

@section('title', $title ?? 'قريبًا')
@section('page-title', '⏳ ' . ($title ?? 'قريبًا'))

@section('content')
<div class="min-h-screen rtl bg-gradient-to-b from-slate-900 via-slate-900/70 to-slate-950 py-6">
  <div class="max-w-5xl mx-auto px-3 sm:px-4 lg:px-6">
    <div class="rounded-[28px] border border-white/10 bg-gradient-to-br from-white/6 via-white/4 to-white/2 backdrop-blur-2xl p-8 text-center">
      <div class="text-4xl mb-3">⏳</div>
      <h1 class="text-2xl font-extrabold text-white">{{ $title ?? 'قريبًا' }}</h1>
      <p class="mt-2 text-white/70">{{ $desc ?? 'هذه الصفحة قيد التطوير' }}</p>

      <div class="mt-6 flex justify-center gap-2">
        <a href="{{ route('superadmin.proactive.socrates.dashboard') }}"
           class="px-4 py-2 rounded-xl bg-white/10 border border-white/12 text-white font-bold hover:bg-white/12">
          العودة للوحة سقراط
        </a>
        <a href="{{ route('superadmin.proactive.socrates.hours.all') }}"
           class="px-4 py-2 rounded-xl bg-amber-500/12 border border-amber-300/15 text-amber-100 font-bold hover:bg-amber-500/16">
          ساعات ProActive
        </a>
      </div>
    </div>
  </div>
</div>
@endsection