@extends('layouts.superadmin')
@section('title', 'عرض اليومية - القائدة رولا')
@section('page-title', '📖 عرض اليومية')

@section('content')
<div class="p-6 space-y-6">
  <div class="bg-white dark:bg-gray-900 rounded-2xl border border-gray-200/50 dark:border-white/10 p-6 shadow">
    <h1 class="text-2xl font-extrabold text-amber-600 mb-2">{{ $r->title ?? 'بدون عنوان' }}</h1>
    <div class="text-xs text-gray-500 dark:text-gray-400 mb-4">
      الفئة: {{ $r->segment ?? 'all' }} •
      {{ \Carbon\Carbon::parse($r->created_at ?? now())->diffForHumans() }}
    </div>
    <div class="text-gray-800 dark:text-gray-100 leading-relaxed">
      {!! nl2br(e($r->body ?? 'لا يوجد محتوى.')) !!}
    </div>
  </div>

  <div class="flex justify-end gap-2">
    <a href="{{ route('superadmin.rola.diaries.index') }}" class="px-4 py-2 rounded-lg bg-gray-200 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700 text-sm">الرجوع</a>
    <a href="{{ route('superadmin.rola.diaries.edit', $r->id ?? 0) }}" class="px-4 py-2 rounded-lg bg-blue-600 hover:bg-blue-700 text-white text-sm">تعديل</a>
  </div>
</div>
@endsection