@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="{{ $agenda->author->name }}" />
    <meta name="description" content="{{ \Illuminate\Support\Str::limit(strip_tags($agenda->content), 100) }}" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:url" content="{{ route('agenda.show', $agenda->slug) }}" />
    <meta property="og:title" content="{{ $agenda->title }}" />
    <meta property="og:type" content="article" />
    <meta property="og:image" content="{{ CmsAsset::url($agenda->image) }}" />
    <meta
        property="og:description"
        content="{{ \Illuminate\Support\Str::limit(strip_tags($agenda->content), 150) }}"
    />
    <meta property="og:locale" content="id_ID" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{{ $agenda->title }}" />
    <meta
        name="twitter:description"
        content="{{ \Illuminate\Support\Str::limit(strip_tags($agenda->content), 150) }}"
    />
    <meta name="twitter:image" content="{{ CmsAsset::url($agenda->image) }}" />

    <!-- Canonical Tag -->
    <link rel="canonical" href="{{ route('agenda.show', $agenda->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/event-details.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/module-css/blog-details.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/css/module-css/news.css') }}" rel="stylesheet">
@endsection

@section('content')
    <section class="page-title centred">
        <div class="bg-layer" style="background-image: url('{{ asset('assets/img/background/agenda.png') }}');"></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="sidebar-page-container pt_120 pb_120">
        <div class="auto-container">
            <div class="row clearfix">
            <div class="col-lg-8 col-md-12 col-sm-12 content-side">
                <div class="blog-details-content p_relative">
                    <div class="news-block-one">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><img src="{{ CmsAsset::url($agenda->image) }}" alt=""></figure>
                            </div>
                            <div class="lower-content mt-4">
                                <h2>{{ $agenda->title }}</h2>
                                <div class="text-box">
                                    {!!  $agenda->content  !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="post-share-option pt-0 pb_30">
                        <ul class="tags-list">
                            <li><span>Penulis: </span></li>
                            <li class="fw-bold text-dark">{{ $agenda->author->name ?? 'Admin'}}</li>
                        </ul>
                        <ul class="social-links">
                            <li><span>Bagikan :</span></li>
                            <li>
                                <a href="https://www.facebook.com/sharer/sharer.php?u={{ route('agenda.show', $agenda->slug) }}" target="_blank">
                                    <i class="icon-4"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://twitter.com/intent/tweet?url={{ route('agenda.show', $agenda->slug) }}&text={{ urlencode($agenda->title) }}" target="_blank">
                                    <i class="icon-5"></i> {{-- Ganti dengan ikon yang sesuai --}}
                                </a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ route('agenda.show', $agenda->slug) }}" target="_blank">
                                    <i class="icon-6"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
                <div class="col-lg-4 col-md-12 col-12 sidebar-side">
                  <div class="event-sidebar">
                      <div class="sidebar-widget schedule-widget">
                          <div class="widget-title">
                              <h3>Informasi</h3>
                          </div>
                          <div class="widget-content">
                              <ul class="info-list clearfix">
                                  <li>
                                    <span class="text-dark fw-bold">Tanggal :</span> <br>
                                     {{ \Carbon\Carbon::parse($agenda->start_date)->format('d F Y') }}
                                        @if ($agenda->end_date)
                                          - {{ \Carbon\Carbon::parse($agenda->end_date)->format('d F Y') }}
                                        @endif
                                  </li>
                                  <li><span class="text-dark fw-bold">Lokasi :</span> <br> {{ $agenda->address }}</li>
                                  @if ($agenda->maps_ur)
                                    <a href="{{ $agenda->maps_url }}" class="btn btn-danger w-100 mt-3" class="">Lihat Lokasi</a>
                                  @endif
                              </ul>
                          </div>
                      </div>
                  </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('script')
@endsection