@push('metadata')
@php
$page_id = 8;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.edit_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')}}" />
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush
@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $desc ?? null) !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' => $seoData['breadcrumb'], '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">
                        <li class="position-relative"><a href="{{ URL::to('/') }}" title="Home"
                                class="text-white text-decoration-none">Home</a></li>
                        <li class="position-relative">
                            {{ $seoData['breadcrumb'] ?? '' }}
                        </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="ico_mainheading headingfont text-center">
                            {!!@$seoData['top_page_content']!!}
                        </div>
                        <div class="d-flex justify-content-center gap-2 flex-wrap mt-3">
                            <a href="{{ route('crypto-presale') }}" class="btn btn-primary fs-14" title="View Other Projects">View Other Projects</a>
                            <a href="{{ route('submit-presale') }}" class="btn btn-primary fs-14" title="List Your Project">List Your Project</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <x-ico-filter-card :filters="$filters" />
                @if (session()->has('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                <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>Stage</th>
                                    <th>Type</th>
                                    <th>Launchpad</th>
                                    <th>End In</th>
                                    <th>Tokens for Sale</th>
                                    <th>Rate</th>
                                    <th>Fundraising Goal</th>
                                    <th class="text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody id="feature_table">
                                @forelse($icos as $listing)
                                <tr class="text-center @if($type !=5 ) {{ $listing['featured_class'] }} @endif align-middle">
                                    <x-ico-edit-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="CommonHelper::timeElapsedString($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']"
                                        :slug="$listing['slug']"
                                        :ico_ido_type="$listing['ico_ido_type']"
                                        mode="edit" />
                                </tr>
                                @empty

                                <tr class="text-center">
                                    <td class="text-center" colspan="12">
                                        No Data Found
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <!-- Load More Button -->
                        {{-- @if ($hasMore)
                        <div class="text-center mt-2 mb-2">
                            <button wire:click="loadMore" id="load-more-btn-home" class="btn btn-primary" data-page="1" data-type="3">
                                Load More
                            </button>
                        </div>
                        @endif --}}

                        <div class="mt-4">
                            {{ $icos->links('vendor.pagination.bootstrap-5') }}
                        </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="edit-crypto-presale-ico-ido-ieo-projects" />
</div>
@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"></script>
@endpush