@push('metadata')
@php

$page_id = 36;
$mTitle = @$influnecerDetails[0]['seo_title'];
$mDescr = @$influnecerDetails[0]['meta_description'];
$mKWords = $influnecerDetails[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><a href="{{ URl('crypto-influencers') }}" class="text-decoration-none text-white" title="Crypto Influencers">Crypto Influencers</a> </li>
                        <li> {{ $influnecerDetails[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="directoryimage">
                                <img src="{{ $influnecerDetails[0]['image']}}" alt="{{ $influnecerDetails[0]['infulencer_name']}}" width="70"
                                    height="70" class="rounded-circle">
                            </div>
                            <div class="directoryname">
                                <div class="topdirectory d-flex gap-2 align-items-center">
                                    <h1
                                        class="fw-bold h4 text-black mb-0">{{ $influnecerDetails[0]['infulencer_name'] }}</h1>
                                    @php
                                    $socials = [
                                    'facebook_url' => 'fa-facebook-f',
                                    'twitter_url' => 'fa-x-twitter',
                                    'linkedin_url' => 'fa-linkedin-in',
                                    'instagram_url' => 'fa-instagram',
                                    ];
                                    @endphp

                                    <div class="d-flex align-items-center gap-2">
                                        @foreach($socials as $key => $icon)
                                        @if(!empty($influnecerDetails[0][$key]))
                                        <a href="{{ $influnecerDetails[0][$key] }}" class="text-pink fs-14"
                                            title="Share on {{ ucfirst(str_replace('_url', '', $key)) }}"
                                            target="_blank" rel="noopener noreferrer nofollow">
                                            <i class="fa-brands {{ $icon }}"></i>
                                            <span class="d-none">
                                                Share On {{ ucfirst(str_replace('_url', '', $key)) }}
                                            </span>
                                        </a>
                                        @endif
                                        @endforeach
                                    </div>
                                </div>

                                <div class="bottomdirectory d-flex gap-2 align-items-center">
                                    <span
                                        class="h6 mb-0">{{ $influnecerDetails[0]['influencer_profile'] ?? 'Instagram & YouTube Influencer' }}</span>
                                </div>
                            </div>
                        </div>
                        @if($influnecerDetails[0]['followers'])
                        <div class="project-info text-center">
                            <span class="text-pink h5 fw-bold"> {{ $influnecerDetails[0]['followers'] >= 1000000
                                ? round($influnecerDetails[0]['followers'] / 1000000, 1) . 'M'
                                : ($influnecerDetails[0]['followers'] >= 1000
                                    ? round($influnecerDetails[0]['followers'] / 1000, 1) . 'K'
                                    : $influnecerDetails[0]['followers'])
                            }}</span>
                            <span class="d-block fw-bold text-black">Followers</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('crypto-influencers/' . $influnecerDetails[0]['slug']) }}"
                            data-bs-toggle="modal" data-bs-target="#shareModal" title="Share Profile"
                            wire:click="setShareUrl('{{ url('crypto-influencers/' . $influnecerDetails[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">
                    <div class="content-view">
                        <span class="heading-bdr-left position-relative leftzero fw-bold text-black fs-5 my-2">About
                            Influencer </span>
                        <p class="fs-14 ">{!! $influnecerDetails[0]['description'] !!}</p>
                    </div>
                </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
                            Influnecer</span>
                        @foreach ($otherInflunecer as $founder)
                        <div class="d-flex justify-content-between align-items-center mt-2">
                            <div class="otherpro">
                                <img src="{{ $founder['image']}}" width="40" height="40" class="rounded-circle">
                                <span class="fw-semibold h6 text-black">{{ $founder['infulencer_name'] }}</span>
                            </div>
                            <div class="othercontent">
                                <a href="{{ url('crypto-influencers/' . $founder['slug']) }}"
                                    title="{{ $founder['infulencer_name'] }}" class="p-0 border-0"><i
                                        class="fa-solid fa-arrow-right-long"></i><span class="d-none">View
                                        Details</span></a>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="projectright">
                        <div class="boxnews">
                            <a href="{{ URL::to('/blockchain-news') }}" class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero text-decoration-none d-inline-block">
                                और ब्लॉकचेन खबरें <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            <div class="row">
                                @php
                                $first = $blockNews->first();
                                $remaining = $blockNews->skip(1);
                                @endphp
                                @if($first)
                                <div class="card bg-transparent h-10 border-0 d-flex align-items-start justify-content-between border-hover p-0 mb-4">

                                    <a class="w-100" href="{{ URL::to('/'.$first['alias']) }}" title="{{ $first['title'] }}">
                                        <img width="1920" height="1067"
                                            src="{{ $first['image'] }}"
                                            class="w-100 h-auto rounded-2 position-relative"
                                            alt="{{ $first['img_alt_title'] }}">
                                        <span class="d-none">{{ $first['title'] }}</span>
                                    </a>

                                    <div class="card-body py-2 px-1">
                                        <a href="{{ URL::to('/'.$first['alias']) }}"
                                            class="two-line-text text-paragraph fw-semibold text-decoration-none"
                                            title="{{ $first['title'] }}">
                                            {{ $first['title'] }}
                                        </a>
                                    </div>

                                    <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                        <div>
                                            <a href="{{URL::to('crypto-web3-blockchain-author-detail/'. $first['post_author']['slug'])}}"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="{{ $first['post_author']['name'] ?? ucfirst(str_replace('-', ' ', $first['post_author']['dispaly_name'])) }}">
                                                {{ $first['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $first['post_author']['dispaly_name'])) }}
                                            </a>

                                            <span class="small ps-1">
                                                {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }}
                                            </span>
                                        </div>

                                        <div class="d-flex align-items-center">
                                            <x-like-card
                                                :id="$first['id'] ?? ''"
                                                :type="'news'"
                                                :likeCount="$first['likes_counts'] ?? 0" />

                                            <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                                data-url="{{ URL::to($first['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                wire:click="setShare::to'{{ URL::to($first['alias']) }}')">
                                                <i class="fa-solid fa-share"></i>
                                            </button>
                                        </div>
                                    </div>

                                </div>
                                @endif

                                @foreach($remaining as $item)
                                <div class="col-xl-6 mb-2">
                                    <div class="card bg-transparent h-10  border-0 d-flex align-items-start justify-content-between border-hover p-0 mb-0 mt-1">
                                        <div class="position-relative">
                                            <a class="w-100" href="{{ URL::to('/'.$item['alias']) }}" title="{{ $item['title'] }}">
                                                <img width="300" height="167" src="{{ $item['image'] }}" class="w-100 h-auto rounded-2 position-relative wp-post-image entered lazyloaded td-animation-stack-type0-2" alt="Blockchains Fund-Freezing" decoding="auto"
                                                    loading="eager"> <span class="d-none">{{ $item['title'] }}</span>
                                            </a>
                                            <div class="position-absolute top-1 end-1 bg-white rounded-4 px-1 d-flex align-items-center fs-13 lh-1 likedetails">
                                                <div class="d-flex align-items-center">
                                                    <x-like-card
                                                        :id="$item['id'] ?? ''"
                                                        :type="'news'"
                                                        :likeCount="$item['likes_counts'] ?? 0" />

                                                    <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                                        data-url="{{ URL::to($item['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                        wire:click="setShare::to'{{ URL::to($item['alias']) }}')">
                                                        <i class="fa-solid fa-share"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body py-2 px-1">
                                            <a href="{{ URL::to('/'.$item['alias']) }}" class="two-line-text text-paragraph fw-bold text-decoration-none" title="{{ $item['title'] }}">
                                                {{ $item['title'] }} </a>
                                        </div>
                                        <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                            <a href="{{URL::to('crypto-web3-blockchain-author-detail/'. $item['post_author']['slug'])}}"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="{{ $item['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $item['post_author']['dispaly_name'])) }}">
                                                {{ $item['post_author']['dispaly_name'] ?? ucfirst(str_replace('-', ' ', $item['post_author']['dispaly_name'])) }}
                                            </a>

                                            <span class="small ps-1">
                                                {{ $item['publishedAt'] ? date('F j, Y', $item['publishedAt']) : '' }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                            </div>
                        </div>
                        <div class="boxnews">
                            <a href="{{ URL::to('/crypto-blogs-hindi') }}" class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero text-decoration-none d-inline-block">
                                और ब्लॉग खबरें <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            @php
                            $first = $relatedBlogs->first();
                            $remaining = $relatedBlogs->skip(1);
                            @endphp
                            @if ($first)
                            <div class="card h-10  border-0 border-bottom d-flex align-items-start justify-content-between border-hover p-0 mb-2 bottomdetaillike">
                                <a class="w-100" href="{{ URL::to('/'.$first['alias']) }}" title="{{ $first->title }}">
                                    <img width="300" height="167" src="{{ $first->image }}" class="w-100 h-auto rounded-2 position-relative wp-post-image entered lazyloaded td-animation-stack-type0-2" alt="Crypto Market Update" decoding="auto"
                                        loading="eager">
                                    <span class="d-none">{{ $first->title }}</span>
                                </a>
                                <div class="card-body py-2 px-1">
                                    <a href="{{ URL::to('/'.$first['alias']) }}" class="two-line-text text-paragraph fw-semibold text-decoration-none" title="{{ $first->title }}">
                                        {{ $first->title }} </a>
                                </div>
                                <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                    <div>
                                        <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $first->postAuthor->slug)}}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $first->postAuthor->name ?? ucfirst(str_replace('-', ' ', $first->author_name)) }}">
                                            {{ $first->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $first->postAuthor->dispaly_name)) }} </a>
                                        <span class="small ps-1">
                                            {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }} </span>
                                    </div>
                                    <div class="d-flex align-items-center position-relative">
                                        <x-like-card
                                            :id="$first['id'] ?? ''"
                                            :type="'news'"
                                            :likeCount="$first['likes_counts'] ?? 0" />

                                        <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                            data-url="{{ URL($first['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                            wire:click="setShareUrl('{{ URL($first['alias']) }}')">
                                            <i class="fa-solid fa-share"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @endif
                            @foreach($remaining as $item)
                            <div class="card h-10  border-0 border-bottom d-flex align-items-start justify-content-between border-hover p-0 py-3">
                                <div class="card-body py-2 px-2">
                                    <a href="{{ URL::to('/'.$item['alias']) }}" class="two-line-text text-paragraph fw-semibold text-decoration-none" title="{{ $item->title }}">
                                        {{ $item->title }} </a>
                                </div>
                                <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-2 py-0 w-100">
                                    <div>
                                        <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $first['postAuthor']['slug'])}}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1" title="{{ $item->postAuthor->name ?? ucfirst(str_replace('-', ' ', $item->author_name)) }}">
                                            {{ $item->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $item->postAuthor->dispaly_name)) }} </a>
                                        <span class="small ps-1">
                                            {{ $item['publishedAt'] ? date('F j, Y', $item['publishedAt']) : '' }} </span>
                                    </div>
                                    <div class="d-flex align-items-center">
                                        <x-like-card
                                            :id="$item['id'] ?? ''"
                                            :type="'news'"
                                            :likeCount="$item['likes_counts'] ?? 0" />

                                        <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                            data-url="{{ URL($item['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                            wire:click="setShareUrl('{{ URL($item['alias']) }}')">
                                            <i class="fa-solid fa-share"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

        @if($faqs)
    <section class="faqsection bg-white p-4">
        <div class="container">
            <div class="row">
                <div class="col-xl-5 text-center">
                    <img src="{{ asset('assets/images/faq.png') }}" class="img-fluid mb-3" width="150" height="150" alt="faq">
                    <span class="h3 text-black d-block fw-bold">Explore Our FAQs</span>
                    <p>Find quick answers to commonly asked questions and understand how things work around here.</p>
                </div>
                <div class="col-xl-6 offset-xl-1">
                    <div class="accordion custom-accordion" id="faqAccordion">
                        @foreach ($faqs as $i => $faq)
                        @php $faqId = "faq".$i; @endphp
                        <div class="accordion-item">
                            <div class="accordion-header">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ $faqId }}">
                                    {!! $faq['question'] !!}
                                </button>
                            </div>
                            <div id="{{ $faqId }}" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    {!! $faq['long_desc'] !!}
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    @include('livewire.common.share-modal')
</div>