@push('metadata')
    @php

        $page_id = 36;
        $mTitle = @$reviewsdetails[0]['seo_title'];
        $mDescr = @$reviewsdetails[0]['meta_description'];
        $mKWords = @$reviewsdetails[0]['meta_keywords'];
        $mUrl = url()->current();
        $mImage = config('constants.crypto-presale');
    @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="https://cryptohindinews.in" class="text-decoration-none text-white"
                                title="Home">Home</a></li>
                        <li> डायरेक्टरी </li>
                        <li>{{ $reviewsdetails[0]['breadcrumbs'] ?? 'इनफ्लुएंसर' }} </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row my-3">
                <div class="col-xl-8">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="d-flex flex-wrap gap-2 align-items-center">
                            <div class="directoryname">
                                <div class="topdirectory d-flex gap-2 align-items-center">
                                    <span class="fw-bold h4 text-black mb-0">{{ $reviewsdetails[0]['review_name'] }}</span>
                                </div>
                            </div>
                        </div>
                        @if($reviewsdetails[0]['review_count'])
                                            <div class="project-info text-center">
                                                <span class="text-pink h5 fw-bold"> {{ $reviewsdetails[0]['review_count'] >= 1000000
                            ? round($reviewsdetails[0]['review_count'] / 1000000, 1) . 'M'
                            : ($reviewsdetails[0]['review_count'] >= 1000
                                ? round($reviewsdetails[0]['review_count'] / 1000, 1) . 'K'
                                : $reviewsdetails[0]['review_count'])
                                                                    }}</span>
                                                <span class="d-block fw-bold text-black">Total Review</span>
                                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="d-flex justify-content-end gap-2">
                        <button class="btn btn-primary fs-14 py-1 rounded-pill text-decoration-none"
                            data-url="{{ url('review-details/' . $reviewsdetails[0]['slug']) }}" data-bs-toggle="modal"
                            data-bs-target="#shareModal" title="Share Profile"
                            wire:click="setShareUrl('{{ url('review-details/' . $reviewsdetails[0]['slug']) }}')">
                            Share Profile
                        </button>
                        <a href="{{ url('/contact-us') }}" class="btn btn-primary fs-14 py-1 rounded-pill"
                            title="Lorem Ipsum">Get in Touch</a>
                    </div>
                </div>
            </div>
            <div class="row mb-3">
                <div class="col-xl-8">
                    <span class="heading-bdr-left position-relative leftzero fw-bold text-black fs-5 my-2">About
                        Reviews </span>
                    <p class="fs-14">{!! $reviewsdetails[0]['description'] !!}</p>
                </div>
                <div class="col-xl-4">
                    <div class="border p-2 rounded-2">
                        <span class="heading-bdr-left position-relative leftzero fw-bold text-black fs-5 mb-2">Other
                            Projects</span>

                        @foreach ($relatedProjects as $project)
                            <div class="d-flex justify-content-between align-items-center mt-2">
                                <div class="otherpro">
                                    <img src="{{ $project['image'] }}" width="40" height="40" class="rounded-circle">
                                    <span class="fw-semibold h6 text-black">{{ $project['project_name'] }}</span>
                                </div>
                                <div class="othercontent">
                                    <a href="{{ url('crypto-directory/' . $project['slug']) }}" class="p-0 border-0" title="View Details"><i
                                            class="fa-solid fa-arrow-right-long"></i></a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    @include('livewire.common.share-modal')
</div>