@extends('layouts.superadmin')

@section('title', 'كتابة رسالة إدارية للجميع')
@section('page-title', '📢 كتابة رسالة إدارية للجميع')

@section('content')
<div class="space-y-6">

  {{-- إشعارات --}}
  @if(session('success'))
  <div class="bg-emerald-50 text-emerald-800 p-3 rounded border border-emerald-300">{{ session('success') }}</div>
  @endif
  @if(session('error'))
  <div class="bg-rose-50 text-rose-800 p-3 rounded border border-rose-300">{{ session('error') }}</div>
  @endif

  {{-- نموذج كتابة رسالة --}}
  <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 border border-gray-100 dark:border-gray-700">
    <h3 class="font-bold mb-4">✉️ إنشاء رسالة جديدة</h3>

    <form method="POST" action="{{ route('superadmin.falcon-room.messages.all.send') }}" class="grid gap-4">
      @csrf
      <div>
        <label class="block text-sm mb-1">عنوان الرسالة</label>
        <input name="title" type="text" required maxlength="255"
               class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2.5">
      </div>

      <div>
        <label class="block text-sm mb-1">محتوى الرسالة</label>
        <textarea name="content" rows="4" required maxlength="2000"
                  class="w-full rounded-lg border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white px-3 py-2.5"></textarea>
      </div>

      <div class="flex justify-end">
        <button type="submit"
                class="px-5 py-2.5 bg-blue-600 text-white rounded-lg hover:bg-blue-700 font-semibold">
          🚀 إرسال الآن
        </button>
      </div>
    </form>
  </div>

  {{-- السجل --}}
  <div class="bg-white dark:bg-gray-800 rounded-xl shadow p-6 border border-gray-100 dark:border-gray-700">
    <h3 class="font-bold mb-4">📜 آخر الرسائل الإدارية</h3>
    <div class="divide-y divide-gray-200 dark:divide-gray-700">
      @forelse($logs as $log)
      <div class="py-3">
        <div class="font-bold text-gray-900 dark:text-white">{{ $log->title }}</div>
        <div class="text-gray-700 dark:text-gray-300">{{ $log->content }}</div>
        <div class="text-xs text-gray-500 mt-1">
          أُرسلت بتاريخ {{ $log->created_at->format('Y-m-d H:i') }}
        </div>
      </div>
      @empty
      <div class="text-gray-500 text-sm text-center py-6">لا توجد رسائل بعد.</div>
      @endforelse
    </div>

    @if($logs->hasPages())
    <div class="mt-4">
      {{ $logs->links() }}
    </div>
    @endif
  </div>
</div>
@endsection