@extends('components.layouts.app')

@section('title', $page->getTranslation('meta_title', app()->getLocale()) ?: $page->getTranslation('title',
    app()->getLocale()))

    @push('meta')
        @if ($page->getTranslation('meta_description', app()->getLocale()))
            <meta name="description" content="{{ $page->getTranslation('meta_description', app()->getLocale()) }}">
        @endif
        @if ($page->getTranslation('meta_keywords', app()->getLocale()))
            <meta name="keywords" content="{{ $page->getTranslation('meta_keywords', app()->getLocale()) }}">
        @endif
        <meta property="og:title" content="{{ $page->getTranslation('title', app()->getLocale()) }}">
        <meta property="og:description"
            content="{{ $page->getTranslation('meta_description', app()->getLocale()) ?: Str::limit(strip_tags($page->getTranslation('content', app()->getLocale())), 160) }}">
        <meta property="og:type" content="website">
    @endpush

@section('content')
    <div class="bg-white py-12">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <a href="{{ route('conferences.index') }}"
                class="inline-flex items-center text-primary hover:text-primary-dark mb-6 text-sm font-medium">
                ← {{ __('Back to Conferences') }}
            </a>

            <h1 class="text-4xl font-bold text-gray-900 mb-6">
                {{ $page->getTranslation('title', app()->getLocale()) }}
            </h1>

            <div class="prose rich-content max-w-none">
                <x-page-rich-content :content="$page->getTranslation('content', app()->getLocale())" />
            </div>
        </div>
    </div>
@endsection