@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$breadcrum = $seoData['breadcrumb'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
if (Str::contains($mUrl, 'crypto-news')) {
$mImage = config('constants.crypto_news');
} elseif (Str::contains($mUrl, 'crypto-press-release')) {
$mImage = config('constants.crypto_press_release');
}
else{
$mImage = config('constants.crypto_press_release');
}
$breadcrum = $seoData['breadcrumb'] ?: '';
@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 property="og:image:width" content="1200">
<meta property="og:image:height" content="628">
<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="Crypto Display RSS Feed" href="{{ RssFeedHelper::getRssFeedUrl($type) }}" />
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush
@push('head_scripts')
{!! SchemaHelper::organizationSchema() !!}
{!! SchemaHelper::collectionPageSchema($breadcrum, $mTitle, $mDescr) !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' => $breadcrum, 'url' => $mUrl]
]) !!}
{!! SchemaHelper::getImageObjectSchema($mImage, $mTitle) !!}
@if(!empty($faqs))
{!! SchemaHelper::getFaqSchema($faqs) !!}
@endif
{!! SchemaHelper::newsListArticleSchema($items) !!}
@endpush
<div>
    <section class="web-color py-2 breadcrumb">
        <div class="container">
            <div class="row">
                <div class="d-flex gap-2 p-0 m-0 list-unstyled justify-content-center text-white">
                    <ul class="d-flex p-0 m-0 list-unstyled">
                        <li class="position-relative"><a href="{{ URL::to('/') }}" title="Home - Crypto Display"
                                class="text-white text-decoration-none">Home</a></li>
                        <li>{{ $seoData['breadcrumb']}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container my-3">
            <div class="row">
                <div class="col-md-12">
                    <div class="gradientbg p-4 rounded-3">
                        <div class="ico_mainheading headingfont text-center">
                            {!! $seoData['top_page_content'] !!}
                        </div>

                        @php
                        $name = '';
                        $url = '';
                        $view = '';
                        $viewurl = '';

                        if ($type === 'crypto-press-release') {

                        $name = 'Press Release';
                        $url = URL::to('submit-crypto-ico-press-release');

                        $view = 'News';
                        $viewurl = URL::to('crypto-news');

                        } elseif ($type === 'crypto-news') {

                        $name = 'News';
                        $url = URL::to('submit-ico-news');

                        $view = 'Press Release';
                        $viewurl = URL::to('crypto-press-release');

                        }
                        @endphp

                        <div class="d-flex justify-content-center gap-2 flex-wrap mt-3">
                            <a href="{{ $url }}" class="btn btn-primary fs-14" title="Submit Crypto {{ $name }}">
                                Submit Crypto {{ $name }}
                            </a>

                            <a href="{{ $viewurl }}" class="btn btn-primary fs-14" title="View {{ $view }}">
                                View {{ $view }}
                            </a>

                            <a href="{{ URL::to('submit-presale') }}" class="btn btn-primary fs-14" title="List Your Project">
                                List Your Project
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row my-3 mb-sm-2">
                <!-- <div class="col-xl-12">
                    <h5 style="font-weight:bold;">News</h5>
                </div> -->
                <div class="col-xl-12">
                    <div class="d-flex justify-content-end align-items-center flex-wrap">
                        <div>
                            <input wire:model.lazy="search" wire:key="search-{{ $search }}" type="text"
                                class="form-control w-auto py-1" placeholder="Search By Keyword..." />
                        </div>
                        <!-- Buttons -->
                        <div class="d-flex align-items-center justify-content-center justify-content-lg-start ms-2">
                            <button class="btn btn-primary py-1 m-1  rounded-2" id="search-btn-category-page-feature" wire:click="applySearch" title="Search">
                                <i class="fa fa-search fs-6"></i> Search
                            </button>
                            <button class="btn btn-danger py-1 m-1 rounded-2" id="reset-btn-category" wire:click="resetSearch" title="Reset">
                                <i class="fa fa-refresh fs-6"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach ($items as $news)
                    <x-news-card :news="$news" :isFirst="$loop->first" />
                @endforeach
                {{ $items->links('vendor.pagination.bootstrap-5') }}
            </div>
        </div>
    </section>
    <div class="container mb-3">
        @if (!empty($seoData['description']))
        <div class="contentview">
            <div class="details-page">
                {!! $seoData['description'] !!}
            </div>
        </div>
        @endif
    </div>
    @if(!empty($faqs))
    <livewire:faq-section pageType="{{ $type }}" />
    @endif

</div>