@push('metadata')
@php
use Illuminate\Support\Str;

$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= @$seoData['meta_keywords'];
$mUrl = url()->current();
// Default image
$mImage = config('constants.upcoming_crypto_presale_ico_ido_ieo');

if (Str::contains($mUrl, 'crypto-ico')) {
$mImage = config('constants.crypto_ico');
} elseif (Str::contains($mUrl, 'crypto-ido')) {
$mImage = config('constants.crypto_ido');
} elseif (Str::contains($mUrl, 'crypto-ieo')) {
$mImage = config('constants.crypto_ieo');
} elseif (Str::contains($mUrl, 'crypto-presale')) {
$mImage = config('constants.crypto_presale');
}
$baseUrl = 'https://www.coingabbar.com/en/';
@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 name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush

@push('styles')
<link rel="stylesheet" type="text/css"
    href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="{{URL::asset('/assets/css/daterangepicker.css')}}">
<style type="text/css">
.sliderview .owl-nav i {
    margin: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    font-weight: 700;
    font-size: 16px;
    transition: .6s;
    border-radius: 50%;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderview .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    margin-top: 0 !important;
}

.sliderview .owl-nav {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.sliderview .owl-nav button.owl-prev {
    left: 0;
}

.sliderview .owl-nav button.owl-next {
    right: 0;
}


.sliderview .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.sliderview span {
    font-size: 70px;
    position: relative;
    top: -5px;
}

.sliderview .owl-nav button:focus {
    outline: none;
}

.sliderview .item {
    width: 100%;
}
</style>
@endpush
@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle)
!!}
{!! SchemaHelper::getFaqSchema(json_encode($seoData['faq'])) !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' =>$seoData['breadcrumb'] , 'url' =>
$mUrl]]) !!}
{!! SchemaHelper::itemListSchema($mTitle ?? null, $mUrl ?? null, $baseUrl ?? null, $icoData ?? [],1,'','ico') !!}
@endpush
@push('pageId')
<script>
window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush
<div>
    <section class="bg-darkpink p-2 breadcrumb mb-0">
        <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 align-items-center">
                        <li><a href="{{ URL('/') }}" class="text-decoration-none text-white" title="Home">Home</a></li>
                        <li>{{ $seoData['breadcrumb'] }}</li>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-lightgray py-3">
        <div class="container">
            <div class="row">
                <div class="col-xxl-5 col-xl-5 col-lg-6 topheading headingcondition">
                    {!! $seoData['top_page_content'] !!}
                </div>

                @if ($advertisement)
                <div class="col-xxl-7 col-xl-7 col-lg-6">
                    <div class="tophalf">
                        <a href="{{ $advertisement[0]['redirect_url'] }}" title="{{ $advertisement[0]['title'] }}"
                            target="blank" rel="noopener noreferrer">
                            <img fetchpriority="high" decoding="async"
                                src="{{ CommonHelper::s3ImageOrDefault($advertisement[0]['image']) }}"
                                class="img-fluid w-100 h-auto rounded-3" alt="Half Banner" width="730" height="154">
                        </a>
                    </div>
                </div>
                @endif

            </div>
            <div class="row">
                <form wire:submit.prevent="search"
                    class="justify-content-end align-items-center d-flex flex-wrap my-2 gap-2">

                    <div>
                        <input type="text"
                            wire:model.defer="search_text"
                            class="prf-int rounded-3"
                            placeholder="सर्च बाय कीवर्ड...">
                    </div>

                    <div>
                        <label for="presale" class="visually-hidden">सभी</label>
                        <select wire:model.defer="ico_type" id="presale" class="form-select prf-int rounded-3">
                            <option value="">सभी</option>
                            <option value="Ongoing"  @selected($ico_type === 'Ongoing')>ऑनगोइंग</option>
                            <option value="Upcoming" @selected($ico_type === 'Upcoming')>अपकमिंग</option>
                            <option value="Ended"    @selected($ico_type === 'Ended')>एंडेड</option>
                        </select>
                    </div>

                    <div>
                        <input type="text"
                            wire:model.defer="datefilter"
                            class="prf-int rounded-3"
                            placeholder="सेलेक्ट डेट">
                    </div>

                    <div class="d-flex align-items-center">
                        <button type="submit"
                            class="btn btn-primary py-1 rounded-pill fw-bold mx-1">
                            सर्च
                        </button>

                        <button type="button"
                            wire:click="resetFilters"
                            class="btn btn-primary py-1 rounded-pill fw-bold mx-1">
                            रीसेट
                        </button>
                    </div>
                </form>
                <div class="col-lg-12 pb-3">
                    <div class="table-responsive">
                        <table class="table table-bordered even-odd-tbl">
                            <thead>
                                <tr class="text-center">
                                    <th>नाम</th>
                                    <th>स्टेज</th>
                                    <th>लांच पैड</th>
                                    <th>समाप्त होता है</th>
                                    <th>टोकन फॉर सेल</th>
                                    <th>रेट</th>
                                    <th>फ़ंडरेज़िंग गोल</th>
                                </tr>
                            </thead>
                            <tbody id="presale-table-body">
                                @foreach ($icoData as $ico)