@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.blockchain');
$baseUrl = url('/crypto-blockchains/');
@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="stylesheet" type="text/css" href="{{URL::asset('/assets/css/daterangepicker.css')}}">
@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>
                            {{ $status === 'category' ? 'Crypto Categories' : 'Crypto Blockchains' }}
                        </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 ($allBlockchain as $blockchain)

                        <a href="{{ URL::to('crypto-blockchains/' . $blockchain['slug']) }}"
                            title="{{ $blockchain['title'] }}"
                            class="{{ $blockchain['id'] == $entityId ? 'active' : '' }}">{{ $blockchain['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>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="row">
                    <x-ico-filter-card :filters="$filters" />
                </div>
                <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 class="col-xl-12">
                    <span class="h4 d-block headingview fw-bold"> Normal </span>
                    <div class="topsection">
                        <x-ico-filter-unfeature-card :filters="$filters" />
                    </div>
                    <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>
    </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>