@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
<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'] ?? 'All Review' }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row mb-4">
                <div class="col-xl-12 col-12 mt-3 text-center">
                   {!! @$seoData['top_page_content'] !!}
                </div>
                <div class="col-xl-12">
                    <div class="d-flex my-3 mb-sm-3 justify-content-end align-items-center">
                        <!-- <select class="form-control py-1  me-2 select-form">
                                                <option>--Select Category--</option>
                                            </select> -->
                        <input class="form-control py-2  me-2" id="search-keyword-feature"
                            placeholder="Search By Keyword..." type="text" wire:model.lazy="searchKeyword">
                        <div class="d-flex align-items-center justify-content-center">
                            <button class="btn btn-primary py-1 me-2" id="search-btn-currency" title="Search"
                                wire:click="applyFilters">
                                <i class="fa fa-search fs-6"></i>
                            </button>
                            <button class="btn btn-danger py-1 " id="reset-btn-currency" title="Reset"
                                wire:click="resetFilter">
                                <i class="fa fa-refresh fs-6"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                @forelse ($allReviewsData as $reviews)
                    <div class="col-md-5th mb-5 md-lg-0">
                        <div class="instagram-border text-center shadow-sm position-relative">

                            <img alt="हमारे बारे में" src="{{ $reviews['crypto_project']['image'] }}"
                                class="influencer-img rounded-circle position-absolute left-0 right-0 mx-auto" width="100"
                                height="100">

                            <a href="{{ url('review-details/' . $reviews['slug']) }}"
                                class="text-decoration-none text-black" title="{{ $reviews['review_name'] }}">
                                <span class="fs-5">{{ $reviews['review_name'] }}</span>
                            </a>

                            <span
                                class="fs-14 text-secondary d-block">{{ $reviews['crypto_project']['project_name'] }}</span>

                            <span class="fs-14 d-block mb-3 mt-2">
                               {{ \Illuminate\Support\Str::limit(strip_tags($reviews['description'] ?? ''), 30, '...') }}

                            </span>
                        </div>
                    </div>

                @empty
                    <div class="col-12 text-center py-5">
                        <span class="text-muted fs-16">No Review found</span>
                    </div>
                @endforelse
            </div>
            @if ($hasMore)
            <div class="text-center my-3">
                <button wire:click="loadMore" class="btn btn-primary rounded-3 mt-3">
                    Load More
                </button>
            </div>
            @endif

        </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>