@push('metadata')
@php
$page_id = 7;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$breadcrum = $seoData['breadcrumb'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];

$baseUrl = rtrim(config('constants.WEBSITE_URL'), '/');
$mUrl = $baseUrl . '/' . $type;

if ($type === 'crypto-categories') {
    $mImage = config('constants.categories');
} elseif ($type === 'crypto-blockchains') {
    $mImage = config('constants.blockchain');
} else {
    $mImage = config('constants.categories');
}
@endphp

<title>{{ @$mTitle }}</title>
<meta name="description" content="{{ @$mDescr }}" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Crypto Display" />
<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::collectionPageSchema(
        $breadcrum,
        $mTitle,
        $mDescr
    ) !!}

    {!! SchemaHelper::itemListSchema(
        $mTitle ?? null,
        $mUrl ?? null,
        $mUrl,
        $items ?? [],
        1,
        ''
    ) !!}

    {!! SchemaHelper::getBreadcrumbSchema([
        ['name' => 'Home', 'url' => $baseUrl],
        ['name' => $seoData['breadcrumb'], 'url' => $mUrl]
    ]) !!}

    {!! SchemaHelper::getImageObjectSchema(
        $mImage,
        $mTitle
    ) !!}
@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>