@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();
$mImage = config('constants.crypto_price_inr_india');
@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')}}" />

<link rel="alternate" type="application/rss+xml" title="Crypto Hindi RSS Feed" href="{{ RssFeedHelper::getRssFeedUrl('list-crypto-price-inr-india') }}" />
@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' => $breadcrum, 'url' => $mUrl]]) !!}
{!! SchemaHelper::pageDatasetSchema($cryptPrices) !!}

@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']??'Crypto News English' }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="bg-lightgray py-3 mt-2">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-12 text-center topheading">
                    {!! $seoData['top_page_content'] !!}
                </div>
                <div class="col-xl-12">
                    <div class="d-flex my-3 mb-sm-2 justify-content-end align-items-center">
                        <input class="form-control py-2 w-fit me-2"
                            placeholder="Search By Keyword..."
                            wire:model.defer="search">
                        <div class="d-flex align-items-center justify-content-center">
                            <button class="btn btn-primary py-1 me-2"
                                wire:click="searchNow">
                                <i class="fa fa-search"></i>
                            </button>

                            <button class="btn btn-danger py-1"
                                wire:click="resetSearch">
                                <i class="fa fa-refresh"></i>
                            </button>
                        </div>
                    </div>
                    <table class="table table-bordered  even-odd-tbl table-hover tablealign bg-white table-responsive d-lg-table d-block">
                        <thead class="tbl-sticky">
                        </thead>
                        <thead class="tbl-sticky">
                            <tr class="text-center">
                                <th class="sortable" data-sort="0">रैंक <span class="sort-arrow">⇅</span></th>
                                <th data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="नाम">नाम</th>
                                <th class="sortable" data-sort="2">प्राइस <span class="sort-arrow">⇅</span></th>
                                <th class="sortable" data-sort="3">24h% <span class="sort-arrow">⇅</span></th>
                                <th class="sortable" data-sort="4">7d% <span class="sort-arrow">⇅</span></th>
                                <th>मार्केट कैप</th>
                                <th class="sortable" data-sort="5">ATH%<span class="sort-arrow">⇅</span></th>
                                <th class="sortable" data-sort="6">ATL%<span class="sort-arrow">⇅</span></th>
                                <th>एक्शन</th>
                            </tr>
                        </thead>
                        <tbody id="ico-listings">
                            @foreach ($cryptPrices as $price)
                            <tr>
                                <x-price-table-card :price="$price" />
                            </tr>
                            @endforeach


                        </tbody>
                    </table>
                    <!-- Load More Button -->
                    @if ($hasMore)
                    <div class="text-center mt-4">
                        <button class="btn btn-primary rounded-3 mt-3" wire:click="loadMore">
                            Load More
                        </button>
                    </div>
                    @endif

                </div>
            </div>
        </div>
    </section>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="content-view">
                    {!! $seoData['description'] !!}
                </div>
            </div>
        </div>
    </div>
    <livewire:faq-section pageType="list-crypto-price-inr-india" />

</div>