<x-layouts.public>
    <div class="py-8">
        <h1 class="mb-6 text-3xl font-bold text-text">{{ $page->getTitle() }}</h1>
        <div class="prose prose-brand max-w-none rounded-lg bg-card p-8 shadow-card" dir="{{ app()->getLocale() === 'ar' ? 'rtl' : 'ltr' }}">
            @if ($page->getContent())
                {!! clean($page->getContent()) !!}
            @else
                <p class="text-body">{{ __('pages.content_coming_soon') }}</p>
            @endif
        </div>
        <p class="mt-4 text-sm text-body/70">
            {{ __('pages.last_updated') }}: {{ $page->updated_at->format('M d, Y') }}
        </p>
    </div>
</x-layouts.public>
