@extends('layout.index')

@section('seo')
    <meta name="title" content="{{ $noticia->title }} | | " />
    <meta name="DC.title" content="{{ $noticia->title }} | " />
    <meta property="og.title" content="{{ $noticia->title }} | " />
    <meta property="og.site_name" content="{{ $noticia->title }} | " />
    <meta name="twitter.site_name" content="{{ $noticia->title }} | " />
    <meta name="twitter.site" content="{{ $noticia->title }} | " />

    <meta name="description" content="{{ $noticia->description }}" />
    <meta property="og.description" content="{{ $noticia->description }}" />
    <meta name="twitter.description" content="{{ $noticia->description }}" />

    <meta name="keywords" content="" />

    <meta property="og:type" content="article">
    <meta name="twitter:card" content="summary">
    <meta name="robots" content="all">
    <meta name="copyright" content="Copyright (c) {{ date('Y') }}">

    <meta property="og:image" content="{{ Storage::url($noticia->image) }}">
    <meta name="twitter:image" content="{{ Storage::url($noticia->image) }}">
@endsection
{{-- @dd($noticia); --}}
@section('content')
    <section id="noticia" class=" px-4">
        {{-- @include('pages.noticias.sections.banner') --}}
        <div class="h-4"></div>
        <div class="container lg:grid grid-cols-4 gap-16 p-2">

            <div class="col-span-3">
                <div class="h-3"></div>
                @include('pages.noticias.view.banner')

                <div class="h-5"></div>

                <div class="md:flex gap-4 md:items-start">
                    @include('pages.noticias.view.share')
                    <div class="[&>h2]:text-3xl text-[#0087bf]">{!! $noticia->content !!}</div>
                </div>
                @php
                    $raw = $noticia->tags ?? '';
                    $raw = trim($raw, "\"' \t\n\r\0\x0B");
                    if (str_contains($raw, '\u')) {
                        $jsonStr = '"'.addcslashes($raw, "\\\"").'"'; 
                        $decoded = json_decode($jsonStr, true);
                        if (json_last_error() === JSON_ERROR_NONE) {
                            $raw = $decoded;
                        }
                    }
                    if (is_string($raw) && str_starts_with($raw, '[') && str_ends_with($raw, ']')) {
                        $tags = json_decode($raw, true) ?: [];
                    } else {
                        $tags = array_filter(array_map('trim', explode(',', (string) $raw)));
                    }
                @endphp
                @if (!empty($tags))
                    <div class="mt-4 -m-1">
                        @foreach ($tags as $tag)
                        <span class="inline-block bg-[#0090d8] text-white text-[13px] leading-none m-1 py-2 px-7"
                                >
                            {{ $tag }}
                        </span>
                        @endforeach
                    </div>
                @endif
            </div>
            
            @include('pages.noticias.view.previews')

        </div>
        <div class="h-5"></div>
    </section>
    <div class="container">
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
            <!-- Card 1 -->
            <figure class="group overflow-hidden rounded-2xl shadow bg-white">
                <figcaption class="hidden">Paquete Maternidad parto normal en Médica Santé León Guanajuato</figcaption>
            <div class="relative  flex items-center justify-center ">
                <img
                src="{{ asset('images/paquete-maternidad-parto-normal-medica-sante-leon.webp') }}"
                alt="Paquete Maternidad parto normal en Médica Santé León Guanajuato"
                class="max-w-full max-h-full object-contain transition-transform duration-500 group-hover:scale-[1.03] will-change-transform"
                loading="eager"
                sizes="(min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw"
                />
            </div>
            </figure>

            <!-- Card 2 -->
            <figure class="group overflow-hidden rounded-2xl shadow bg-white">
                <figcaption class="hidden">Paquete Maternidad cesárea en Médica Santé León Guanajuato</figcaption>
            <div class="relative  flex items-center justify-center ">
                <img
                src="{{ asset('images/paquete-cesarea-1-noche-medica-sante-leon.webp') }}"
                alt="Paquete Maternidad cesárea en Médica Santé León Guanajuato"
                class="max-w-full max-h-full object-contain transition-transform duration-500 group-hover:scale-[1.03] will-change-transform"
                loading="eager"
                sizes="(min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw"
                />
            </div>
            </figure>

            <!-- Card 3 -->
            <figure class="group overflow-hidden rounded-2xl shadow bg-white">
                <figcaption class="hidden">Paquete Maternidad cesárea  en Médica Santé León Guanajuato</figcaption>
            <div class="relative  flex items-center justify-center ">
                <img
                src="{{ asset('images/paquete-cesarea-2-noches-medica-sante-leon.webp') }}"
                alt="Paquete Maternidad cesárea  en Médica Santé León Guanajuato"
                class="max-w-full max-h-full object-contain transition-transform duration-500 group-hover:scale-[1.03] will-change-transform"
                loading="eager"
                sizes="(min-width:1024px) 33vw, (min-width:640px) 50vw, 100vw"
                />
            </div>
            </figure>
        </div>
        <div class="h-5"></div>
    </div>
@endsection
@php
$articleSchema = [
  "@context" => "https://schema.org",
  "@type" => "BlogPosting",
  "headline" => $noticia->title,
  "description" => $noticia->description,
  "image" => Storage::url($noticia->image),
  "author" => [
      "@type" => "Organization",
      "name" => "Médica Santé"
  ],
  "publisher" => [
      "@type" => "Organization",
      "name" => "Médica Santé",
      "logo" => [
          "@type" => "ImageObject",
          "url" => asset('images/logo.webp')
      ]
  ],
  "mainEntityOfPage" => [
      "@type" => "WebPage",
      "@id" => url()->current()
  ],
  "datePublished" => $noticia->created_at->toIso8601String(),
  "dateModified" => $noticia->updated_at->toIso8601String(),
  "keywords" => $tags ?? [],
];
@endphp

<script type="application/ld+json">
{!! json_encode($articleSchema, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES|JSON_PRETTY_PRINT) !!}
</script>

@verbatim
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "name": "Paquete de Maternidad Parto Normal",
  "description": "Paquete de maternidad parto normal en Médica Santé León Guanajuato",
  "contentUrl": "https://medicasante.com.mx/images/paquete-maternidad-parto-normal-medica-sante-leon.webp",
  "url": "https://medicasante.com.mx/paquetes-maternidad",
  "author": {
    "@type": "Organization",
    "name": "Médica Santé"
  }
}
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "name": "Paquete de Maternidad Cesárea 1 Noche",
  "description": "Paquete de maternidad cesárea una noche en Médica Santé León Guanajuato",
  "contentUrl": "https://medicasante.com.mx/images/paquete-cesarea-1-noche-medica-sante-leon.webp",
  "url": "https://medicasante.com.mx/paquetes-maternidad",
  "author": {
    "@type": "Organization",
    "name": "Médica Santé"
  }
}
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "name": "Paquete de Maternidad Cesárea 2 Noches",
  "description": "Paquete de maternidad cesárea dos noches en Médica Santé León Guanajuato",
  "contentUrl": "https://medicasante.com.mx/images/paquete-cesarea-2-noches-medica-sante-leon.webp",
  "url": "https://medicasante.com.mx/paquetes-maternidad",
  "author": {
    "@type": "Organization",
    "name": "Médica Santé"
  }
}
</script>
@endverbatim