@extends('layouts.app')

@section('title', $page->title . ' - NT Imobi AI')

@section('content')
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    
    <!-- Barra exclusiva para Admin editar a página rapidamente -->
    @auth
        @if(auth()->user()->role === 'admin')
            <div class="bg-slate-900 text-white text-xs py-2 px-4 rounded-lg mb-6 flex justify-between items-center shadow">
                <span>👑 Modo Administrador: A visualizar página institucional</span>
                <a href="{{ route('admin.pages.edit', $page) }}" class="bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold px-3 py-1 rounded transition">
                    ✏️ Editar esta página
                </a>
            </div>
        @endif
    @endauth

    <article class="bg-white rounded-xl shadow-sm border border-slate-200 p-8 md:p-12">
        <h1 class="text-3xl font-extrabold text-slate-900 mb-6 pb-4 border-b border-slate-100">
            {{ $page->title }}
        </h1>

        <div class="prose max-w-none text-slate-700 leading-relaxed space-y-4">
            {!! nl2br($page->content) !!}
        </div>
    </article>
</div>
@endsection