@push('metadata')
@php
$page_id = 7;
$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-categories')) {
$mImage = config('constants.categories');
} elseif (Str::contains($mUrl, 'crypto-blockchains')) {
$mImage = config('constants.blockchain');
}else{
   $mImage = config('constants.categories');
}
@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="Press Release RSS Feed"
    href="{{ RssFeedHelper::getRssFeedUrl('crypto-news') }}" />
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush
@push('head_scripts')
{!! SchemaHelper::organizationSchema() !!}
{!! SchemaHelper::collectionPageSchema($breadcrum, $mTitle, $mDescr) !!}
{!! SchemaHelper::itemListSchema($mTitle ?? null, $mUrl ?? null, url('/') ?? null, $items ?? [],1,'') !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' => $seoData['breadcrumb'], 'url' => $mUrl]]) !!}
{!! SchemaHelper::getImageObjectSchema($mImage, $mTitle) !!}
@if(!empty($faqs))
{!! SchemaHelper::getFaqSchema($faqs) !!}
@endif
@endpush
<div>
    <!-- brdcrmb -->
    <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'] ?: ($type === 'crypto-categories' ? 'Crypto Categories' : 'Crypto Blockchains') }}</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="col-xl-12 headingfont">
                            {!! @$seoData['top_page_content'] !!}
                        </div>
                        <div class="d-flex justify-content-center gap-2 flex-wrap mt-3">
                            @if ($type == 'crypto-categories')
                            <a href="{{ URL::to('/crypto-blockchains') }}" title="View Blockchains" class="btn btn-primary fs-14">View Blockchains</a>
                            @else
                            <a href="{{ URL::to('/crypto-categories') }}" title="View Categories" class="btn btn-primary fs-14">View Categories</a>
                            @endif
                            <a href="{{ URL::to('/submit-presale') }}" title="List Your Project" class="btn btn-primary fs-14">List Your Project</a>
                            <a href="{{ URL::to('/advertise-with-us-crypto-presale-ico-ido-ieo-campaign-marketing') }}" title="Advertise With Us" class="btn btn-primary fs-14">Advertise With Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-3">
        <div class="container">
            <div class="row">
                @foreach ($items as $category)
                <x-category-card :category="$category" :type="$type" />
                @endforeach

                <div class="col-md-12 mb-2 ">
                 {{ $items->links('vendor.pagination.bootstrap-5') }}
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container mb-3">
            @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="{{ $type }}" />
    @endif
</div>