@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-news') }}" />
@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 News' }}</li>
            </ul>
        </div>
    </section>
    <section class="py-3">
        <div class="container headingfont">
            <p>{!! $seoData['top_page_content'] !!}</p>
        </div>
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-xl-5 col-lg-6">
                    <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>

                @if($noResults)
                <div class="col-12 text-center py-5">
                    <h4 class="text-muted">No results found for "{{ $search }}"</h4>
                </div>
                @else
                <!-- Blog List -->
                <main class="col-md-12">
                    <div class="row news-grid">
                        @foreach($tabsData as $news)

                        <x-news-card :id="$news['id']" :title="$news['title']" :author="$news['post_author']!=null ? $news['post_author']['dispaly_name']: $news['author_name']"
                            :date="$news['publishedAt']" :image="$news['image']" :description="$news['description']"
                            :likes="$news['likes_counts']" :slug="$news['alias']"
                            :img_alt_title="$news['img_alt_title']" :post_author="@$news['post_author']['slug'] " :isliked="$news['is_liked']" />
                        @endforeach
                        <!-- Load More Button -->

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

        @include('livewire.common.share-modal')
    </section>
</div>