@extends('layouts.main')
@section('seo')
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta
    name="keywords"
    content="pmi, palang merah indonesia, palang merah, pmr, pmr sumut, pmi sumut, pemprovsu, ifrc, icrc" />
    <meta name="author" content="{{ $identities->title }}" />
    <meta name="description" content="{{ $description ?? $identities->meta_description }}" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:url" content="{{ route('page', ['page' => $pages->route, 'slug' => $pages->slug]) }}" />
    <meta property="og:title" content="{{ $identities->subtitle }} - {{ $title }}" />
    <meta property="og:type" content="article" />
    <meta property="og:image" content="{{ asset('assets/img/meta-image.png') }}" />
    <meta
        property="og:description"
        content="{{ $description ?? $identities->meta_description }}"
    />
    <meta property="og:locale" content="id_ID" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ $identities->subtitle }} - {{ $title }}" />
    <meta
        name="twitter:description"
        content="{{ $description ?? $identities->meta_description }}"
    />
    <meta name="twitter:image" content="{{ asset('assets/img/meta-image.png') }}" />

    <!-- Canonical Tag -->
    <link rel="canonical" href="{{ route('page', ['page' => $pages->route, 'slug' => $pages->slug]) }}" />
    
    <!-- Additional SEO Meta Tags -->
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="7 days" />
    <meta name="rating" content="general" />
    <meta name="language" content="Indonesian" />
    <meta name="geo.region" content="ID" />
    <meta name="geo.placename" content="Medan" />

  <link href="{{ asset('assets/css/module-css/page-title.css') }}" rel="stylesheet">
  <link href="{{ asset('assets/css/module-css/custom-pages.css') }}" rel="stylesheet">
  <link href="{{ asset('assets/css/module-css/content.min.css') }}" rel="stylesheet">
@endsection

@section('content')
  <section class="page-title centred">
    <div class="bg-layer" style="background-image: url('{{ CmsAsset::url($pages->image) }}');"></div>
    <div class="auto-container">
        <div class="content-box">
            <ul class="bread-crumb">
                <li>{{ $page }}</li>
                <li>{{ $title }}</li>
            </ul>
            <h1>{{ $title }}</h1>
            <div class="row justify-content-center">
              <div class="col-lg-6">
                <p class="text-white pt-3">{{ $description }}</p>
              </div>
            </div>
        </div>
    </div>
  </section>

  <section class="py-5">
      <div class="auto-container">
        <div class="tinymce-content">{!! $pages->content_display !!}</div>
      </div>
  </section>

@endsection

@section('script')
@endsection