@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();
        $mImage = config('constants.categories');
        $baseUrl = url('/crypto-categories/');
    @endphp

    <title>{{ $mTitle }}</title>
    <meta name="description" content="{{ $mDescr }}">

    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="{{ config('constants.organisation_type_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') }}">
@endpush


@push('head_scripts')
    {!! SchemaHelper::collectionPageSchema($breadcrum, $mTitle, $mDescr) !!}

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

    {!! SchemaHelper::getBreadcrumbSchema([
        [
            'name' => 'Home',
            'url' => url('/')
        ],
        [
            'name' => $breadcrum ?: ($status === 'category'
                ? 'Crypto Categories'
                : 'Crypto Blockchains'),
            'url' => $mUrl
        ]
    ]) !!}

    {!! SchemaHelper::getImageObjectSchema($mImage, $mTitle) !!}
@endpush


@push('styles')
    <link rel="preload"
          href="{{ URL::asset('/assets/css/daterangepicker.css') }}"
          as="style"
          onload="this.onload=null;this.rel='stylesheet'">

    <noscript>
        <link rel="stylesheet"
              href="{{ URL::asset('/assets/css/daterangepicker.css') }}">
    </noscript>
@endpush


<div>

    {{-- Breadcrumb --}}
    <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 justify-content-center flex-wrap">

                        <li class="position-relative">
                            <a href="{{ url('/') }}"
                               title="Home - Crypto Display"
                               class="text-white text-decoration-none">
                                Home
                            </a>
                        </li>

                        <li>
                            <a href="{{ url('/crypto-categories') }}" title="Crypto Categories" class="text-white text-decoration-none">
                                Crypto Categories
                            </a>
                        </li>

                        <li>
                            {{ $seoData['breadcrumb'] ?? '' }}
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </section>


    {{-- Main Content --}}
    <section class="py-3">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">

                    {{-- Category Navigation --}}
                    <div class="tab-links">
                        @foreach ($allCategory as $category)

                            <a href="{{ url('crypto-categories/' . $category['slug']) }}"
                               title="{{ $category['title'] }}"
                               class="{{ $category['id'] == $entityId ? 'active' : '' }}">
                                {{ $category['title'] }}
                            </a>

                        @endforeach
                    </div>


                    {{-- Top Content --}}
                    <div class="gradientbg p-4 rounded-3">
                        <div class="ico_mainheading headingfont text-center">
                            {!! $seoData['top_page_content'] ?? '' !!}
                        </div>
                    </div>

                    {{-- ⬇️ YAHAN --}}
                    <x-ad-slot position="lb-top" />

                    {{-- Featured --}}
                    <div id="contentA" class="tab-content active">

                        <x-ico-filter-card :filters="$filters" />

                        <div class="col-xl-12">
                            <div class="table-responsive">

                                <table class="table table-hover">

                                    <caption class="visually-hidden">
                                        Featured category-wise projects listing
                                    </caption>

                                    <thead class="table-bg text-nowrap">
                                        <tr>
                                            <th scope="col">Name</th>
                                            <th scope="col">Type</th>
                                            <th scope="col">Stage</th>
                                            <th scope="col">Launchpad</th>
                                            <th scope="col" id="ico-heading">
                                                Ends In
                                            </th>
                                            <th scope="col">Tokens for Sale</th>
                                            <th scope="col">Rate</th>
                                            <th scope="col">Fundraising Goal</th>
                                        </tr>
                                    </thead>

                                    <tbody id="feature_table">

                                        @forelse ($featuredItems as $listing)

                                            <x-table-category-card
                                                :id="$listing['id']"
                                                :name="$listing['name']"
                                                :fullName="$listing['full_name']"
                                                :symbol="$listing['symbol']"
                                                :image="$listing['src']"
                                                :price_usd="$listing['price_usd']"
                                                :goal="$listing['goal']"
                                                :status="$listing['status']"
                                                :startdate="$listing['start_date']"
                                                :enddate="$listing['end_date']"
                                                :endsIn="$listing['ends_in']"
                                                :icoUrl="$listing['ico_url']"
                                                :buy_url="$listing['buy_url']"
                                                :featured="$type === 5 ? null : $listing['featured']"
                                                :featured_dark_class="$listing['featured_dark_class']"
                                                :featured_class="$listing['featured_class']"
                                                :imgAltTitle="$listing['img_alt_title']"
                                                :launchpad="$listing['launchpad']"
                                                :projectType="$listing['projectType']"
                                                :likeCount="$listing['likeCount']"
                                                :quantityOfCoin="$listing['quantity_of_coin']"
                                                :icoPrice="$listing['ico_price']"
                                                :acceptType="$listing['accept_type']"
                                                :featuredVal="$listing['featured_val']"
                                                :fundAskingFor="$listing['fund_asking_for']"
                                                :likescounts="$listing['likes_counts']"
                                                :ico_ido_type="$listing['ico_ido_type']"
                                                mode="list"
                                            />

                                        @empty

                                            <tr>
                                                <td class="text-center" colspan="8">
                                                    No Data Found
                                                </td>
                                            </tr>

                                        @endforelse

                                    </tbody>
                                </table>

                                {{ $featuredPaginator->links('vendor.pagination.bootstrap-5') }}

                            </div>
                        </div>
                    </div>


                    {{-- Unfeatured --}}
                    <div id="contentB" class="tab-content">

                        {{-- IMPORTANT: use filtersUnfeature here --}}
                        <x-ico-filter-unfeature-card
                            :filters="$filtersUnfeature"
                        />

                        <div class="col-xl-12">
                            <div class="table-responsive">

                                <table class="table table-hover">

                                    <caption class="visually-hidden">
                                        Non-featured category-wise projects listing
                                    </caption>

                                    <thead class="table-bg text-nowrap">
                                        <tr>
                                            <th scope="col">Name</th>
                                            <th scope="col">Type</th>
                                            <th scope="col">Stage</th>
                                            <th scope="col">Launchpad</th>
                                            <th scope="col" id="unfeatured-ico-heading">
                                                Ends In
                                            </th>
                                            <th scope="col">Tokens for Sale</th>
                                            <th scope="col">Rate</th>
                                            <th scope="col">Fundraising Goal</th>
                                        </tr>
                                    </thead>

                                    <tbody id="normal_table">

                                        @forelse ($unfeaturedItems as $listing)

                                            <x-table-category-card
                                                :id="$listing['id']"
                                                :name="$listing['name']"
                                                :fullName="$listing['full_name']"
                                                :symbol="$listing['symbol']"
                                                :image="$listing['src']"
                                                :price_usd="$listing['price_usd']"
                                                :goal="$listing['goal']"
                                                :status="$listing['status']"
                                                :startdate="$listing['start_date']"
                                                :enddate="$listing['end_date']"
                                                :endsIn="$listing['ends_in']"
                                                :icoUrl="$listing['ico_url']"
                                                :buy_url="$listing['buy_url']"
                                                :featured="$type === 5 ? null : $listing['featured']"
                                                :featured_dark_class="$listing['featured_dark_class']"
                                                :featured_class="$listing['featured_class']"
                                                :imgAltTitle="$listing['img_alt_title']"
                                                :launchpad="$listing['launchpad']"
                                                :projectType="$listing['projectType']"
                                                :likeCount="$listing['likeCount']"
                                                :quantityOfCoin="$listing['quantity_of_coin']"
                                                :icoPrice="$listing['ico_price']"
                                                :acceptType="$listing['accept_type']"
                                                :featuredVal="$listing['featured_val']"
                                                :fundAskingFor="$listing['fund_asking_for']"
                                                :likescounts="$listing['likes_counts']"
                                                :ico_ido_type="$listing['ico_ido_type']"
                                                mode="list"
                                            />

                                        @empty

                                            <tr>
                                                <td class="text-center" colspan="8">
                                                    No Data Found
                                                </td>
                                            </tr>

                                        @endforelse

                                    </tbody>
                                </table>

                                {{ $unfeaturedPaginator->links('vendor.pagination.bootstrap-5') }}

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>


    {{-- Bottom SEO Content --}}
    <section>
        <div class="container">
            <div class="row">

                {{-- ⬇️ YAHAN --}}
                <div class="col-xl-12">
                    <x-ad-slot position="incontent-1" />
                </div>
                
                <div class="col-xl-12">
                    <div class="contentview contentconditon">
                        {!! $seoData['description'] ?? '' !!}
                    </div>
                </div>
            </div>
        </div>
    </section>


    {{-- FAQ --}}
    <livewire:faq-section pageType="{{ $slug }}" />


    {{-- Date Picker Assets --}}
    @push('scripts')

        <script src="https://code.jquery.com/jquery-3.6.0.min.js"
                defer></script>

        <script src="https://cdn.jsdelivr.net/npm/moment@2.30.1/moment.min.js"
                crossorigin="anonymous"
                defer></script>

        <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"
                defer></script>

    @endpush

</div>