@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-author');
@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('head_scripts')

{!! SchemaHelper::webpageSchema($mTitle ?? null, $desc ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',
$mTitle) !!}

@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">
<style type="text/css">
    .home-box a:hover {
        text-decoration: underline !important;
    }
</style>
@endpush
<div>
    <!-- topsection -->
    <section class="homepage bg-lightgray pt-2">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="owl-slider slidersection">
                        <div id="carousel" class="owl-carousel">
                            @foreach ($cryptPrices as $price)
                            <div class="item">
                                <div class="crypto-card d-flex gap-2">
                                    <img src="{{ $price['logo'] }}" width="17" height="18" class="crypto-icon" alt="{{ $price['img_alt_title'] ?? $price['name'] }}">
                                    <div>
                                        <a href="{{ url('crypto-price/'.$price['alias']) }}" class="text-paragraph text-decoration-none d-flex align-items-center" title="{{ $price['name'] }}">
                                            <p class="crypto-name mb-0 fs-15">{{ $price['name'] }}</p>
                                        </a>
                                                                                <p class="crypto-price mb-0 ">
                                            <span class="fs-14" title=" ₹ {{ number_format(CommonHelper::convert_and_set_price($price['price_usd']),2) }}">
                                                ₹ {{ number_format(CommonHelper::convert_and_set_price($price['price_usd']),2) }}</span>
                                            <span class="crypto-change text-success fs-14 ">
                                                0.00%
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end -->
    <section class="bg-lightgray p-2 p-sm-3">
        <div class="container">
            <div class="row">
                <div class="col-xl-3">
                    <div class="hometopleft">
                        <span class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero">क्रिप्टो मार्केट न्यूज़ <i class="fa-solid fa-arrow-right-long"></i></span>
                        @foreach ($cryptoNewsExclude as $news)
                        <div class="home-box mb-2 mb-xl-2 mb-xxl-3">
                            <a href="{{ URL($news['alias']) }}" class="text-decoration-none">
                                <p class="text-paragraph fw-semibold mb-0">{{ $news['title'] }}</p>
                            </a>
                            <a href="{{ URL('crypto-web3-blockchain-author-detail/'.$news['post_author']['slug']) }}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $news['post_author']['dispaly_name'] ?? 'Admin' }}">
                                {{ Str::limit($news['post_author']['dispaly_name'] ?? 'Admin', 15) }}
                            </a>
                            <span class="fs-13">{{ CommonHelper::timeElapsedToday($news['publishedAt']) }}</span>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-xl-5">
                    <div class="homemiddlebox">
                        <h1 class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero"> Crypto Hindi News ( क्रिप्टो हिंदी न्यूज़) <i class="fa-solid fa-arrow-right-long"></i></h1>
                        <div class="middlemainbox">
                            @if(isset($cryptoNews[0]))
                            @php $big = $cryptoNews[0]; @endphp


                            <div class="card p-0 rounded-3">
                                {{-- IMAGE --}}
                                <div class="card-header p-0 border-0">
                                    <a href="{{ URL($big['alias']) }}" title="{{ $big['title'] }}">
                                        <img fetchpriority="high" decoding="auto"
                                            loading="eager" width="696" height="387" src="{{ $big['image'] ?? asset('assets/images/banner.webp') }}" class="img-fluid w-100 rounded-top mb-0 wp-post-image" alt="{{ $big['img_alt_title'] ?? $big['title'] }}">
                                        <span class="d-none">{{ $big['title'] }}</span>
                                    </a>
                                </div>
                                {{-- CONTENT --}}
                                <div class="card-body bg-black rounded-bottom">
                                    {{-- TITLE --}}
                                    <a href="{{ URL($big['alias']) }}" class="h1 my-2 text-white fw-bold lh-base two-lines-text text-decoration-none" title="{{ $big['title'] }}">
                                        {{ Str::limit($big['title'], 70) }}
                                    </a>
                                    {{-- DESCRIPTION --}}
                                    <span class="text-white fs-15">
                                        {{ Str::limit(CommonHelper::cleanDescription($big['description'] ?? ''), 150) }}
                                    </span>
                                </div>
                            </div>
                            @endif
                            <div class="middlebottom">
                                @foreach($cryptoNews as $index => $newsdata)
                                @if($index > 0)
                                <div class="card bg-transparent p-0 h-10 border-0 d-flex align-items-start border-hover my-4">
                                    <div class="row g-0">
                                        {{-- IMAGE --}}
                                        <div class="col-xl-4 col-lg-3 col-md-4 position-relative">
                                            <a class="position-relative" href="{{ URL($newsdata['alias']) }}" title="{{ $newsdata['title'] }}">
                                                <img decoding="auto"
                                                    loading="eager" width="300" height="167" src="{{ $newsdata['image'] ?? asset('assets/images/banner.webp') }}" class="w-100 h-auto rounded-2 position-relative wp-post-image" alt="{{ $newsdata['img_alt_title'] ?? $newsdata['title'] }}">
                                                <span class="d-none">{{ $newsdata['title'] }}</span>
                                            </a>
                                        </div>
                                        {{-- CONTENT --}}
                                        <div class="col-xl-8 col-lg-9 col-md-8 card bg-transparent border-0 mt-2 mt-sm-0">
                                            <div class="card-body pt-0 pb-0 px-0 px-sm-2">
                                                <a href="{{ URL($newsdata['alias']) }}" class="two-lines-text text-paragraph fw-bold text-decoration-none h6 mt-2" title="{{ $newsdata['title'] }}">
                                                    {{ Str::limit($newsdata['title'], 80) }}
                                                </a>
                                            </div>
                                            {{-- FOOTER --}}
                                            <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-0 px-sm-3 py-0 w-100">
                                                <div>
                                                    <a href="{{ URL('crypto-web3-blockchain-author-detail/'.$newsdata['post_author']['slug']) }}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $newsdata['post_author']['dispaly_name'] ?? 'Admin' }}">
                                                        {{ Str::limit($newsdata['post_author']['dispaly_name'] ?? 'Admin', 12) }}
                                                    </a>
                                                    <span class="fs-13 ms-1">
                                                        {{ CommonHelper::timeElapsedToday($newsdata['publishedAt']) }}
                                                    </span>
                                                </div>
                                                <div class="d-flex align-items-center toplike">
                                                    <x-like-card :id="$newsdata['id'] ?? ''" :type="'news'" :likeCount="$newsdata['likes_counts'] ?? 0" />
                                                    <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent" data-url="{{ URL($newsdata['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share" wire:click="setShareUrl('{{ URL($newsdata['alias']) }}')">
                                                        <i class="fa-solid fa-share"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="hometopright bg-white p-2">
                        <div class="d-flex justify-content-between align-items-center flex-wrap">
                            <span class="h5 fw-bold heading-bdr-left my-3 position-relative leftzero">क्रिप्टो प्राइस प्रेडिक्शन</span>
                            <a href="{{ URL::to('price-prediction-hindi') }}" class="btn btn-primary rounded-4 lh-1" title="और देखे">और देखे</a>
                        </div>
                        @foreach ($pricePrediction as $pridiction)
                        <x-pricePridiction-card :news="$pridiction" />
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--end -->
    <section class="bg-lightgray p-2 p-sm-4">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-12">
                    <div class="bg-white shadow-sm my-2 px-2 border rounded-3">
                        <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">
                            <h2 class="h5 fw-bold heading-bdr-left my-3 position-relative leftzero">
                                क्रिप्टो प्रेस रिलीज़ </h2>
                            <a href="{{ URL::to('press-release-india') }}" class="btn btn-primary" title="और देखे">और देखे</a>
                        </div>
                        <div class="row">
                            @foreach ($pressRelease as $release)
                            <div class="col-xl-4 mb-3 presslike position-relative">
                                <x-news-card :news="$release" />
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-12">
                    <div class="bg-white shadow-sm my-2 px-2 border rounded-3">
                        <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">
                            <span class="h5 fw-bold heading-bdr-left my-3 position-relative leftzero">
                                गेस्ट पोस्ट </span>
                            <a href="{{ URL::to('guest-post') }}" class="btn btn-primary" title="और देखे">और देखे</a>
                        </div>
                        <div class="row">
                            @foreach ($guestPost as $release)
                            <div class="col-xl-4 mb-3 presslike position-relative">
                                <x-news-card :news="$release" />
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--end -->
    <section class="bg-lightgray p-2 p-sm-4 news-contain">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-6 col-12">
                    <div class="heading category-one-block">
                        <span class="borderview">क्रिप्टो ब्लॉग</span>
                    </div>
                    <x-common-news-card :newsList="$blog" />
                </div>
                <div class="col-xl-4 col-lg-6 col-12">
                    <div class="heading category-one-block">
                        <span class="borderview">क्रिप्टो प्रीसेल/ICO/IDO</span>
                    </div>
                    <x-common-news-card :newsList="$presale" />
                </div>
                <div class="col-xl-4 col-lg-6 col-12">
                    <div class="heading category-one-block">
                        <span class="borderview">क्रिप्टो एयरड्रॉप</span>
                    </div>
                    <x-common-news-card :newsList="$airdrop" />
                </div>
            </div>
        </div>
    </section>
    <!--end -->
    <section class="bg-lightgray p-3">
        <div class="container">
            <div class="row">
                <div class="col-xl-9 col-12">
                    <div class="d-flex justify-content-between align-items-center flex-wrap mb-2">
                        <span class="h5 fw-bold text-paragraph text-center position-relative d-inline-block mb-0">क्रिप्टो प्राइस</span>
                        <a class="btn btn-primary" href="{{ URL::to('list-crypto-price-inr-india') }}" title="और देखे">और देखे</a>
                    </div>
                    <div class="table-responsive">
                        <table class="table-price table table-bordered  even-odd-tbl table-hover tablealign bg-white d-lg-table d-block">
                            <thead class="tbl-sticky">
                                <tr class="text-center">
                                    <th>रैंक</th>
                                    <th data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="नाम">नाम</th>
                                    <th>प्राइस</th>
                                    <th>24%</th>
                                    <th>7d%</th>
                                    <th>मार्किट कैप</th>
                                    <!-- <th>24h Vol</th> -->
                                    <th data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="आल टाइम हाई">ATH
                                        %</th>
                                    <th data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="आल टाइम लौ">ATL
                                        %</th>
                                    <th>एक्शन </th>
                                </tr>
                            </thead>
                            <tbody id="ico-listings">
                                @foreach ($cryptPrices as $price)
                                <tr>
                                    <x-price-table-card :price="$price" />
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="col-xl-3 col-12">
                    <div class="d-flex justify-content-between align-items-center flex-wrap">
                        <span class="h5 fw-bold text-paragraph text-center  position-relative d-inline-block mb-0">क्रिप्टो इवेंट्स</span>
                        <a class="btn btn-primary" href="{{ URL::to('crypto-web3-events-expo') }}" title="और देखे">और देखे</a>
                    </div>
                    <div id="event-table-body-home">
                        @foreach ($eventData as $event)

                        <div class="bg-white shadow-sm border p-2 row rounded-2 my-2 mx-0">
                            <div class="eventsimg col-xl-3 p-0">
                                <img src="{{ $event['image']}}" class="img-fluid h-100 rounded-2" alt="{{ $event['img_alt_title']??$event['title'] }}" width="72" height="55">
                            </div>
                            <div class="eventinformation col-xl-9">
                                <span class="d-block fs-14"></span>
                                <span class="fs-12"><i class="fa-solid fa-calendar-days pe-2"></i>{{ \Carbon\Carbon::parse($event['start_date'])->format('d M Y') }} - {{ \Carbon\Carbon::parse($event['end_date'])->format('d M Y') }}</span>
                                <div class="d-flex justify-content-between">
                                    <span class="fs-12 one-line-text lh-lg"><i class="fa-solid fa-location-dot pe-2"></i>{{$event['city']}} ,{{$event['country']}}</span>
                                    <a class="btn btn-gradient fs-12 text-pre" href="{{ config('app.coingabbar_domain_en') . 'event-details/' . $event['slug'] }}" target="_blank" rel="noopener noreferrer nofollow">विवरण देखें</a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
  
    @push('scripts')
    <!-- Owl Carousel -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script type="text/javascript" src="{{ URL::asset('assets/js/slider.js') }}"></script>
    @endpush
    @include('livewire.common.share-modal')
</div>