@extends('layouts.app')

@section('content')
<div class="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-800 text-white py-10" dir="rtl">
  <div class="max-w-3xl mx-auto px-4">
    <div class="p-8 rounded-3xl bg-white/5 border border-white/10 text-center">
      <div class="text-5xl mb-4">✅</div>
      <h1 class="text-3xl font-extrabold">أنت شاركت بهذا الاستطلاع</h1>
      <p class="text-white/70 mt-3">شكراً! ما في داعي تعيد المشاركة 🙌</p>

      <div class="mt-6">
        <a href="{{ route('surveys.index') }}"
           class="px-5 py-3 rounded-2xl bg-emerald-600 hover:bg-emerald-700 font-bold">
          رجوع لقائمة الاستطلاعات
        </a>
      </div>
    </div>
  </div>
</div>
@endsection