@extends('layout')

@php
    $seoTitle = $page->meta_title ?: $page->title;
    $seoDescription = \Illuminate\Support\Str::limit(
        preg_replace('/\s+/', ' ', trim($page->meta_description ?: strip_tags($page->content))),
        155
    );
    $seoImage = $page->og_image
        ? (str_starts_with($page->og_image, 'http') ? $page->og_image : asset($page->og_image))
        : null;
@endphp

@section('title', $seoTitle . ' — Libro.az')

@section('meta')
    <meta name="description" content="{{ $seoDescription }}">
    @if($page->meta_keywords)<meta name="keywords" content="{{ $page->meta_keywords }}">@endif
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="{{ url('/page/'.$page->slug) }}">

    <meta property="og:site_name" content="Libro.az">
    <meta property="og:type" content="website">
    <meta property="og:title" content="{{ $seoTitle }}">
    <meta property="og:description" content="{{ $seoDescription }}">
    <meta property="og:url" content="{{ url('/page/'.$page->slug) }}">
    @if($seoImage)<meta property="og:image" content="{{ $seoImage }}">@endif

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="{{ $seoTitle }}">
    <meta name="twitter:description" content="{{ $seoDescription }}">
    @if($seoImage)<meta name="twitter:image" content="{{ $seoImage }}">@endif
@endsection

@section('content')
@if(request()->has('sifaris') && request()->get('sifaris') === 'ok')
<div id="orderSuccess" style="position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--success);color:#fff;padding:20px;text-align:center;font-size:16px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;gap:8px;"><x-icon name="circle-check" class="w-5 h-5" /> Sifarişiniz qəbul edildi! Tezliklə sizinlə əlaqə saxlanılacaq.</div>
<script>setTimeout(function(){let el=document.getElementById('orderSuccess');if(el)el.style.display='none';},5000);if(history.replaceState){history.replaceState({},'',window.location.pathname);}</script>
@endif
<div class="max-w-4xl mx-auto px-4 py-12 bg-white">{!! $page->content !!}</div>
@endsection