@push('metadata')
@php
$pageId = $seoData['id'];
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto_press_release');
$breadcrum = $seoData['breadcrumb'] ?: ' Crypto Press Release';
@endphp
@push('pageId')
<script>
    window.pageId = "{{ $pageId ?? '' }}";
</script>
@endpush
<title>{{ @$mTitle }}</title>
{{--<meta name="keywords" content="{{ @$mKWords }}" />--}}
<meta name="description" content="{{ @$mDescr }}" />
<meta property=og:locale content="{{ app()->getLocale() }}" />
<meta property=og:type content="{{config('constants.organisation_type')}}" />
<meta property="og:site_name" content="Crypto Presale" />
<meta property="og:title" content="{{ @$mTitle }}" />
<meta property="og:description" content="{{ @$mDescr }}" />
<meta property="og:url" content="{{ @$mUrl }}" />
<meta property="og:image" content="{{ @$mImage }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ @$mTitle }}" />
<meta name="twitter:description" content="{{ @$mDescr }}" />
<meta name="twitter:url" content="{{ @$mUrl }}" />
<meta name="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
<link rel="alternate" type="application/rss+xml" title="Press Release RSS Feed"
    href="{{ RssFeedHelper::getRssFeedUrl('crypto-press-release') }}" />
@endpush

@push('head_scripts')
{!! SchemaHelper::collectionPageSchema($mTitle,$mTitle,$mDescr) !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' => $breadcrum, 'url' => URL::to('crypto-press-release')],
]) !!}
{!! SchemaHelper::getImageObjectSchema($mImage, $mTitle, 1200, 630) !!}
@if(!empty($seoData['faq']))
{!! SchemaHelper::getFaqSchema($seoData['faq']) !!}
@endif
{!! SchemaHelper::newsListArticleSchema($tabsData) !!}
@endpush

<div>
    
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="{{ URL::to('/') }}" title="Home">Home</a> <i class="fas fa-chevron-right small text-dark mx-2"></i></li>
                <li>{{ $breadcrum }}</li>
            </ul>
        </div>
    </section>

    <section class="py-3">
        <div class="container headingfont">
            <div class="row">
                <div class="col-12">
                    {!! $seoData['top_page_content'] !!}
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-xl-5 col-lg-6 my-2">
                    <div class="d-flex flex-wrap flex-sm-nowrap">
                        <input type="text" class="form-control m-1" placeholder="Search articles..."
                            wire:model.lazy="search" wire:key="search-input-{{ $search }}" />
                        <button wire:click="applySearch" class="btn mainbluebtn rounded-4 m-1"><i
                                class="fa-solid fa-magnifying-glass me-2"></i>Search</button>
                        <button wire:click="resetSearch" class="btn mainbluebtn rounded-4 m-1"><i
                                class="fa-solid fa-arrows-rotate me-2"></i>Reset</button>
                    </div>
                </div>
            </div>
            @if($noResults)
            <div class="col-12 text-center py-5">
                <h4 class="text-muted">No results found for "{{ $search }}"</h4>
            </div>
            @endif
            <!-- Latest Articles -->
            <div class="mt-2">
                <div class="row news-grid">
                    <!-- Article 1 -->
                    @foreach($tabsData as $pressRelease)

                    @php
                        $author = $pressRelease->postAuthor ?? null;
                        $authorName = $author?->dispaly_name ?? 'Admin';
                        $authorSlug = $author?->slug;
                        $publishedDate = \Carbon\Carbon::parse($pressRelease['publishedAt'])->format('d-m-Y');
                        $image = $pressRelease['image'] ?? '';
                        $title = $pressRelease['title'] ?? '';
                        $description = \Illuminate\Support\Str::limit(strip_tags(CommonHelper::addNoFollowToExternalLinks($pressRelease['description'] ?? '')),120);
                    @endphp

                    <div class="col-sm-6 col-lg-4 col-xl-3" wire:key="press-release-{{ $pressRelease->id }}-page-{{ $tabsData->currentPage() }}">
                        <div class="news-card d-flex flex-column bg-white detailsimageheight" wire:ignore>

                            <img src="{{ $image }}"
                                alt="{{ $pressRelease['img_alt_title'] ?? $title }}"
                                class="rounded w-100" width="306" height="170"
                                @if($loop->first)
                                    loading="eager"
                                    fetchpriority="high"
                                @else
                                    loading="lazy"
                                @endif
                            />

                            <div class="card-body py-2 px-3">
                                <div class="d-flex justify-content-between mb-2">
                                    @if($authorSlug)
                                    <a href="{{ URL::to('crypto-author/' . $authorSlug) }}"
                                        class="text-decoration-none fs-13"
                                        title="Meet {{ $authorName }}, Crypto Journalist at Crypto Presale News">
                                        <span class="fs-13 text-secondary">{{ $authorName }}</span>
                                    </a>
                                    @else
                                    <span class="fs-13 text-secondary">{{ $authorName }}</span>
                                    @endif

                                    <span class="fs-13 text-secondary">{{ $publishedDate }}</span>
                                </div>

                                <span class="fs-author d-block news-title1">
                                    <a href="{{ URL::to($pressRelease['alias']) }}"
                                        class="link-customize two-line-text"
                                        title="{{ $title }}">
                                        {{ $title }}
                                    </a>
                                </span>

                                <p class="flex-grow-1 mt-2 mb-1">
                                    <span class="fs-14 three-line-text mb-0">
                                        {!! $description !!}
                                    </span>
                                </p>

                            </div>
                        </div>
                    </div>

                    @endforeach
                </div>

                <div class="col-12 mt-4">
                    {{ $tabsData->onEachSide(1)->links('vendor.pagination.bootstrap-5') }}
                </div>
            </div>
        </div>
    </section>

    @if(!empty($seoData['description']))
    <section>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="contentview">
                        <div class="details-page">
                            {!! CommonHelper::addNoFollowToExternalLinks($seoData['description']) !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @if(!empty($faqs))
    <livewire:faq-section pageType="crypto-press-release" />
    @endif
</div>