@extends('layouts.app')

@section('title', $sayfa->baslik . ' - Sivas Dijital Hafıza')

@section('content')
<div class="container" style="padding: 4rem 1rem;">
    <div style="max-width: 800px; margin: 0 auto; background: white; padding: 3rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);">
        <h1 style="color: #1e293b; font-size: 2rem; font-weight: 700; margin-bottom: 2rem; border-bottom: 2px solid #e2e8f0; padding-bottom: 1rem;">
            {{ $sayfa->baslik }}
        </h1>
        
        <div class="page-content" style="color: #475569; line-height: 1.8; font-size: 1.05rem;">
            {!! $sayfa->icerik !!}
        </div>
        
        <div style="margin-top: 3rem; text-align: center;">
            <a href="javascript:history.back()" class="btn btn-secondary" style="display: inline-block; padding: 0.75rem 2rem; background: #e2e8f0; color: #475569; text-decoration: none; border-radius: 8px; font-weight: 600; transition: background 0.2s;">
                <i class="fas fa-arrow-left"></i> Geri Dön
            </a>
        </div>
    </div>
</div>
@endsection