@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-press-release');
@endphp

<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_news')}}" />
<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 property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="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('styles')
<style>
.detailsimageheight img{
    max-height: 213px;
}

</style>
@endpush
<div>
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="/" title="Home">Home</a> <i class="fas fa-chevron-right small text-dark mx-2"></i></li>
                <li>{{ $seoData['breadcrumb'] ?: ' Crypto Press Release' }}</li>
            </ul>
        </div>
    </section>
    <section class="py-3">
        <div class="container headingfont">
            <p>{!! $seoData['top_page_content'] !!}</p>

            <div class="row justify-content-end">
                <div class="col-xl-7 col-lg-6 my-2">
                    <div class="d-none"></div>
                </div>
                <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.live="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-4 mb-1">
                <div class="row news-grid">
                    <!-- Article 1 -->
                    @foreach($tabsData as $pressRelease)

                    <div class="col-lg-4 col-md-6">
                        <div class="news-card bg-white detailsimageheight">
                            <img src="{{ $pressRelease['image']}}"
                                alt="{{ $pressRelease['img_alt_title'] ?: $pressRelease['title'] }}"
                                class="news-image w-100" loading="lazy" width="416" height="213" />
                            <div class="card-body p-3">
                                <span class="fs-5 d-block news-title1 mb-2">
                                    <a href="/{{ $pressRelease['alias'] }}" class="link-customize one-line-text"
                                        title="{{ $pressRelease['title'] }}">
                                        {{ $pressRelease['title'] }}
                                    </a>
                                </span>
                                <div class="d-flex justify-content-between">
                                    <a href="{{ CommonHelper::makeUrl('crypto-author/' . @$pressRelease['post_author']['slug']) }}"
                                        class="text-decoration-none" title="{{ @$pressRelease['post_author']!=null ? @$pressRelease['post_author']['dispaly_name']: $pressRelease['author_name'] }}">
                                        <span class="fs-13 text-secondary">{{ @$pressRelease['post_author']!=null ? @$pressRelease['post_author']['dispaly_name']: $pressRelease['author_name'] }}</span></a>
                                    <span
                                        class="fs-13 text-secondary">{{ \Carbon\Carbon::parse($pressRelease['publishedAt'])->format('d-m-Y') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach

                </div>

                <!-- Load More Button -->
                @if($hasMore)
                <div class="text-center my-2">
                    <button wire:click="loadMore" wire:loading.attr="disabled" class="btn bg-gradient px-4 text-light">
                        Load More
                    </button>
                </div>
                @endif
            </div>
            @if(!empty($seoData['description']))
            <div class="contentview">
                <div class="details-page">
                    {!! $seoData['description'] !!}
                </div>
            </div>
            @endif
        </div>
    </section>

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