@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=" pt-6  p-footer bg-[#fdf2e4] ">
        {{-- @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.show.banner')

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

                <div class="md:flex gap-4 md:items-start">
                    @include('pages.noticias.show.share')
                    <div class="[&>h2]:text-3xl text-[#d3523f]">{!! $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-principal text-white text-[13px] leading-none m-1 py-2 px-7"
                                >
                            {{ $tag }}
                        </span>
                        @endforeach
                    </div>
                @endif
            </div>
            
            @include('pages.noticias.show.previews')

        </div>
        <div class="h-5"></div>
    </section>
@endsection