@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$breadcrum = $seoData['breadcrumb'];
$mUrl = url()->current();
if (Str::contains($mUrl, 'ico')) {
$mImage = config('constants.crypto_ico');
} elseif (Str::contains($mUrl, 'ido')) {
$mImage = config('constants.crypto_ido');
} elseif (Str::contains($mUrl, 'ieo')) {
$mImage = config('constants.crypto_ieo');
} elseif (Str::contains($mUrl, 'presale')) {
$mImage = config('constants.crypto_presale');
} elseif (Str::contains($mUrl, 'upcoming')) {
$mImage = config('constants.upcoming_crypto_presale_ico_ido_ieo');
}
else{
$mImage = config('constants.upcoming_crypto_presale_ico_ido_ieo');
}
@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="Cryptodisplay RSS Feed" href="{{ RssFeedHelper::getRssFeedUrl($seoParams) }}" />
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@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>

<style>
.ico-table tbody tr td {
    vertical-align: middle;
}
</style>
@endpush

@push('head_scripts')
{!! SchemaHelper::collectionPageSchema($breadcrum, $mTitle, $mDescr) !!}
{!! SchemaHelper::itemListSchema($mTitle ?? null, $mUrl ?? null, url('/'), $unfeaturedIcos ?? [],1,'') !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' => $breadcrum, 'url' => $mUrl]
]) !!}
{!! SchemaHelper::getImageObjectSchema($mImage, $mTitle) !!}
@if(!empty($faqs))
{!! SchemaHelper::getFaqSchema($faqs) !!}
@endif
{!! SchemaHelper::icoListArticleSchema($unfeaturedIcos) !!}
@endpush

<div>
    <section class="web-color py-2 breadcrumb" aria-label="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" role="list">
                        <li class="position-relative"><a href="{{ URL::to('/') }}" title="Home"
                                class="text-white text-decoration-none">Home</a></li>
                        <li class="position-relative" aria-current="page">{{$breadcrum ?: 'Crypto Presale' }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="pt-3 pb-2">
        <div class="container">
            <div class="row">
                <div class="col-xxl-5 col-xl-5 col-lg-6">
                    <div class="">
                        <div class="ico_mainheading headingfont">
                            {!! $seoData['top_page_content'] !!}
                        </div>
                    </div>
                </div>
                @if (isset($advertisement[4]))
                <div class="col-xxl-7 col-xl-7 col-lg-6">
                    <div class="tophalf">
                        <a href="{{ $advertisement[4][0]['redirect_url'] }}" title="{{ $advertisement[4][0]['title'] }}" target="blank" rel="noopener noreferrer">
                            <img fetchpriority="high" loading="eager" decoding="sync" src="{{ $advertisement[4][0]['image'] }}" class="img-fluid w-100 h-auto rounded-3" alt="{{ $advertisement[4][0]['title'] ?? 'Advertisement Banner' }}" width="730" height="154" onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';">
                        </a>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            {{-- <div class="row">
                <x-ico-filter-card :filters="$filters" />
            </div>
            <div class="col-xl-12">
                <div class="table-responsive">
                    <table class="table table-hover" aria-label="Featured Crypto Presale Listings">
                        <thead class="table-bg text-nowrap">
                            <tr>
                                <th>Name</th>
                                <th>Type</th>
                                <th>Launchpad</th>
                                <th id="ico-heading">Ends In</th>
                                <th>Tokens for Sale</th>
                                <th>Rate</th>
                                <th>Fundraising Goal</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody id="featured-ico-listings">
                            @forelse($featuredIcos as $listing)
                            <x-ico-table-cart :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>
                    <div class="text-center mt-3">
                        {{ $featuredPaginator->links() }}
                    </div>
                </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 ico-table" aria-label="Normal Crypto Presale Listings">
                        <thead class="table-bg text-nowrap">
                            <tr>
                                <th>Name</th>
                                <th>Status</th>
                                <th>Type</th>
                                <th>Launchpad</th>
                                <th id="ico-heading">Ends In</th>
                                <th>Tokens for Sale</th>
                                <th>Rate</th>
                                <th>Fundraising Goal</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody id="unfeatured-ico-listings">
                            @forelse($unfeaturedIcos as $listing)
                            @php
                            $qty = \App\Helpers\CommonHelper::convertToNumber($listing['quantity_of_coin']);
                            $price = $listing['ico_price'];

                            $totalAmount = (is_numeric($qty) && is_numeric($price))
                            ? number_format($qty * $price)
                            : 'TBA';
                            @endphp

                            <x-ico-table-cart
                                :id="$listing['id']"
                                :totalAmount="$totalAmount"
                                :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 colspan="12">No Data Found</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="text-center mt-3">
                    {{ $unfeaturedPaginator->links('vendor.pagination.bootstrap-5') }}
                </div>
            </div>
        </div>
    </section>

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

</div>

@push('scripts')
<script src="https://d1fj0xwbldmb8x.cloudfront.net/public/js/jquery.min.js" defer></script>
<script src="https://d1fj0xwbldmb8x.cloudfront.net/public/js/moment.min.js" crossorigin="anonymous" defer></script>
<script src="https://d1fj0xwbldmb8x.cloudfront.net/public/js/daterangepicker.min.js" defer></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(el => {
        new bootstrap.Tooltip(el);
    });
});
</script>
@endpush