@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="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')}}" />
@endpush

@push('head_scripts')
{!! SchemaHelper::collectionPageSchema($breadcrum, $mTitle, $mDescr) !!}
{!! SchemaHelper::itemListSchema($mTitle ?? null, $mUrl ?? null, $baseUrl ?? null, $items ?? [],1,'') !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' => $seoData['breadcrumb'] ?: ($status === 'category' ? 'Crypto Categories' : 'Crypto Blockchains'), 'url' => $mUrl]
]) !!}
{!! SchemaHelper::getImageObjectSchema($mImage, $mTitle) !!}
@if(!empty($faqs))
{!! SchemaHelper::getFaqSchema($faqs) !!}
@endif
@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>
    <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::to('/') }}" title="Home - Crypto Display" class="text-white text-decoration-none">Home</a>
                        </li>
                        <li>
                            <a href="{{ url()->previous() }}" title="{{ $status === 'category' ? 'Crypto Categories' : 'Crypto Blockchains' }}"
                                class="text-white text-decoration-none">{{ $status === 'category' ? 'Crypto Categories' : 'Crypto Blockchains' }}</a>
                        </li>
                        <li>{{ $seoData['breadcrumb'] }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="py-3">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="tab-links">
                        @foreach ($allCategory as $category)

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

                        @endforeach
                    </div>


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


                    <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">
                                    <thead class="table-bg text-nowrap">
                                        <tr>
                                            <th>Name</th>
                                            <th>Type</th>
                                            <th>Stage</th>
                                            <th>Launchpad</th>
                                            <th id="ico-heading">Ends In</th>
                                            <th>Tokens for Sale</th>
                                            <th>Rate</th>
                                            <th>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 class="text-center">
                                            <td class="text-center" colspan="12">
                                                No Data Found
                                            </td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                               {{ $featuredPaginator->links('vendor.pagination.bootstrap-5') }}
                            </div>
                        </div>
                    </div>
                    <div id="contentB" class="tab-content">
                        <x-ico-filter-unfeature-card :filters="$filters" />
                        <div class="col-xl-12">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead class="table-bg text-nowrap">
                                        <tr>
                                            <th>Name</th>
                                            <th>Type</th>
                                            <th>Stage</th>
                                            <th>Launchpad</th>
                                            <th id="ico-heading">Ends In</th>
                                            <th>Tokens for Sale</th>
                                            <th>Rate</th>
                                            <th>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 class="text-center">
                                            <td class="text-center" colspan="12">
                                                No Data Found
                                            </td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                                {{ $unfeaturedPaginator->links('vendor.pagination.bootstrap-5') }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="contentview contentconditon">
                        {!! $seoData['description'] ?? '' !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <livewire:faq-section pageType="{{ $slug }}" />
    @push('scripts')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js" integrity="sha384-DRe+1gYJauFEenXeWS8TmYdBmDUqnR5Rcw7ax4KTqOxXWd4NAMP2VPU5H69U7yP9" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js" defer></script>
    @endpush
</div>