@extends('layouts.app')

@php
    $storeName = $shopSettings['shop_name'] ?? 'Orange Groceries';
@endphp

@section('title', $title . ' - ' . $storeName)
@section('meta_description', 'Read ' . $title . ' for ' . $storeName . '. Learn more about our customer policies, delivery terms and services.')
@section('meta_keywords', strtolower($title) . ', ' . $storeName . ' policies, legal, delivery information')
@section('canonical', url()->current())

@section('content')
<div class="max-w-4xl mx-auto px-4 py-10 sm:py-14">
    <!-- Breadcrumb -->
    <nav class="flex text-xs font-semibold text-slate-400 mb-6 gap-2">
        <a href="{{ route('home') }}" class="hover:text-brand-600">Home</a>
        <span>/</span>
        <span class="text-slate-800">{{ $title }}</span>
    </nav>

    <div class="bg-white rounded-3xl p-6 sm:p-12 border border-slate-200/80 shadow-xl shadow-slate-200/40 space-y-6">
        <div class="border-b border-slate-100 pb-4">
            <h1 class="text-2xl sm:text-3xl font-extrabold text-slate-900 tracking-tight">{{ $title }}</h1>
            <p class="text-xs text-slate-400 font-medium mt-1">Last updated: {{ date('F d, Y') }}</p>
        </div>

        <div class="prose prose-slate max-w-none text-slate-700 text-sm leading-relaxed space-y-4 font-medium">
            {!! $content !!}
        </div>
    </div>
</div>
@endsection