@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');
$faqs = $influnecerDetails[0]['faq'];
@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::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle)
!!}
{!! SchemaHelper::getFaqSchema($faqs) !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' => 'Crypto Founder', 'url' => url('/crypto-founders')],['name' => Str::title(str_replace('-', ' ',
$influnecerDetails[0]['slug'])), 'url' => $mUrl]]) !!}
@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']}}" loading="lazy"
                                    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>
                                </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>

                        <div class="followers-box">

                            <div class="social-followers d-flex gap-3 align-items-center">

                                @php
                                $socials = [
                                'instagram' => ['url' => 'instagram_url', 'followers' => 'followers_instagram', 'icon'
                                => 'fa-instagram', 'class' => 'insta'],
                                'twitter' => ['url' => 'twitter_url', 'followers' => 'followers_twitter', 'icon' =>
                                'fa-x-twitter', 'class' => 'x'],
                                'youtube' => ['url' => 'youtube', 'followers' => 'followers_youtube', 'icon' =>
                                'fa-youtube', 'class' => 'yt'],
                                'facebook' => ['url' => 'facebook_url', 'followers' => 'followers_facebook', 'icon' =>
                                'fa-facebook-f', 'class' => 'fb'],
                                'linkedin' => ['url' => 'linkedin_url', 'followers' => 'followers_linkedin', 'icon' =>
                                'fa-linkedin', 'class' => 'tl'],
                                ];
                                @endphp

                                @foreach($socials as $social)
                                @if(!empty($influnecerDetails[0][$social['url']]) &&
                                !empty($influnecerDetails[0][$social['followers']]))
                                <div class="social-item text-center {{ $social['class'] }}">
                                    <a href="{{ $influnecerDetails[0][$social['url']] }}" target="_blank"
                                        rel="nofollow noreferrer noopener">
                                        <i class="fa-brands {{ $social['icon'] }}"></i>
                                        <span>{{ $influnecerDetails[0][$social['followers']] }}</span>
                                    </a>
                                </div>
                                @endif
                                @endforeach


                            </div>
                        </div>

                    </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="Get in Touch">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">About Influencer</span>
                        <p class="fs-14 ">{!! $influnecerDetails[0]['description'] !!}</p>
                    </div>
                    <div class="d-flex justify-content-between my-3 border-bottom pb-4">
                        <div>
                            @if ($prev)
                            <a href="{{ URL::to('crypto-influencers/'.$prev['slug']) }}" class="btn btn-primary"
                                title="{{ $prev['infulencer_name'] }}">
                                <i class="fa-solid fa-left-long"></i> Previous
                            </a>
                            @endif
                        </div>
                        @if ($next)
                        <a href="{{ URL::to('crypto-influencers/'.$next['slug']) }}" class="btn btn-primary"
                            title="{{ $next['infulencer_name'] }}">
                            Next <i class="fa-solid fa-right-long"></i>
                        </a>
                        @endif
                    </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
                            Influencer</span>
                        <div class="row">
                            @foreach ($otherInflunecer as $founder)
                            <div class="col-xl-12 col-lg-4 col-sm-6 mt-2">
                                <div class="border rounded-3 p-2">
                                    <div class="d-flex justify-content-between align-items-center mt-2">
                                        <div class="otherpro">
                                            <img src="{{ $founder['image']}}" alt="{{ $founder['infulencer_name'] }}" loading="lazy"
                                                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>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </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="416" height="231" src="{{ $first['image'] }}" loading="eager" fetchpriority="high"
                                            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-md-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="async" loading="lazy">
                                                <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>