@push('metadata')
@php
$page_id = 36;
$mTitle = @$newsDetail['seo_title'];
$mDescr = @$newsDetail['meta_description'];
$faqs = $newsDetail['faq'] ?? '[]';
$mKWords = $newsDetail['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto-press-release');
@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::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle) !!}
{!! SchemaHelper::getFaqSchema($faqs) !!}
{!! SchemaHelper::newsArticleSchema($newsDetail) !!}
{!! SchemaHelper::profileSchema($newsDetail,$newsDetail['post_author']) !!}
@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::to('/')}}" class="text-decoration-none text-white" title="Home">Home</a></li>

                        
                        @if ($post_idss > 4736)
                        {{-- ✔ H2 found, show normally --}}
                        <li>{{ Str::title(str_replace('-', ' ', $newsDetail['alias'])) }}</li>

                        @else
                        <li>
                            <h1 class="h6 d-inline-block">{{ Str::title(str_replace('-', ' ', $newsDetail['alias'])) }}</h1 class="h6 d-inline-block">
                        </li>
                        @endif

                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="bg-lightgray py-3 mt-2">
        <div class="container">
            <div class="row">
                <div class="col-xl-8">

                    <div class="newsdetailsleft border p-3 shadow-sm bg-white rounded-3">
                        <div class="newsdetailsimage">
                            <img width="1920" height="1067" src="{{ $newsDetail['image'] }}" class="rounded-2 position-relative wp-post-image td-animation-stack-type0-2" alt="{{ !empty($newsDetail['img_alt_title']) ? $newsDetail['img_alt_title'] : $newsDetail['title'] }}" decoding="auto"
                                loading="eager">
                        </div>
                        <!-- 🔹 Title + Author + Date -->
                        <div class="mainheadingdetails my-2">
                            <div class="d-flex justify-content-between align-items-center mt-2">
                                @php
                                $firstCategoryId = explode(',', $newsDetail['categories'])[0];
                                $category = \App\Models\CryptoNewsCategories::find($firstCategoryId);
                                @endphp
                                <span class="fw-bold text-pink">
                                    {{ $category->name ?? '' }} </span>
                                <div class="sharedetails d-flex gap-1">
                                    <span class="me-2">Share:</span>
                                    <a href="https://x.com/intent/post?url={{ url()->current() }}" target="_blank" rel="noopener noreferrer nofollow" title="Crypto Hindi Twitter"><i class="fa-brands fa-x-twitter me-2"></i><span class="d-none">Crypto Hindi Twitter</span></a>
                                    <a href="https://in.pinterest.com?url={{ url()->current() }}" target="_blank" rel="noopener noreferrer nofollow" title="Crypto Hindi Pinterest"><i class="fa-brands fa-pinterest-p me-2"></i><span class="d-none">Crypto Hindi pinterest</span></a>
                                </div>
                            </div>
                            <div class="bg-detailheading border-bottom pb-2">

                                @if ($post_idss > 4736)
                                {{-- ✔ H2 found, show normally --}}

                                <h1 class="text-dark fw-bold mt-3 mb-2 p-0 text-black h2">
                                    {{ $newsDetail['title'] }}
                                </h1>
                                @else

                                <h2 class="text-dark fw-bold mt-3 mb-2 p-0 text-black h2">
                                    {{ $newsDetail['title'] }}
                                </h2>
                                @endif

                                <div class="post-meta">
                                    <span class="post-author text-dark fw-bold border-end pe-2">📝 <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $newsDetail['post_author']['slug'])}}" class="text-decoration-none text-pink" title="{{ $newsDetail['post_author']['dispaly_name'] }}">{{ ucwords(str_replace('-', ' ', $newsDetail['post_author']['dispaly_name'])) }}</a></span>
                                    <span class="post-date text-dark ps-2">
                                        {{ $newsDetail['publishedAt'] ? date('F j, Y', $newsDetail['publishedAt']) : '' }}
                                    </span>
                                </div>
                            </div>
                        </div>
                        <!-- 🔹 Post Content -->
                        <div class="detailscontent tabledetail">
                            @if($newsDetail['is_gabbar']==1 || $newsDetail['is_gabbar']==3 || $newsDetail['is_gabbar']==5)
                            {!! CommonHelper::addNoFollowToExternalLinks($newsDetail['description'])!!}
                            @else
                            {!! CommonHelper::addNoFollowToExternalLinksOther($newsDetail['description'])!!}
                            @endif
                        </div>
                        <div class="d-flex justify-content-between my-3 border-bottom pb-4">
                            <a href="{{ URL::to('/'.@$prev->alias) }}" class="btn btn-primary" title="Shardeum क्या है और SHM Token के बारे में जानिए">
                                <i class="fa-solid fa-left-long"></i> Previous Article
                            </a>
                            <a href="{{ URL::to('/'.@$next->alias) }}" class="btn btn-primary" title="Polygon बना भारत की Serious Web3 Activity का भरोसेमंद प्लेटफॉर्म">
                                Next Article <i class="fa-solid fa-right-long"></i>
                            </a>
                        </div>
                    </div>

                    <div class="authornewsdetails d-flex gap-4 align-items-center my-4 border p-4 rounded-3 shadow-sm flex-wrap">
                        <div class="image-author w-75">
                            <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $newsDetail['post_author']['slug'])}}" class="text-decoration-none" title="About the Author {{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}">
                                <img src="{{ !empty($newsDetail['post_author']['user']['avatar'])
                                    ? $newsDetail['post_author']['user']['avatar']
                                    : asset('assets/images/default.png') }}"
                                    alt="About the Author {{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}"
                                    class="avatar avatar-120 photo rounded-circle td-animation-stack-type0-1"
                                    height="120" width="120">
                                <span class="d-none">About the Author {{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}</span>
                            </a>
                        </div>
                        <div class="author-content">
                            <p class="border-bottom pb-0 mb-1 h5">About the Author <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $newsDetail['post_author']['slug'])}}" class="text-decoration-none" title="{{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}">
                                    <span class="h5 fw-bold text-pink">{{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}</span>
                                </a></p>
                            <p class="mb-0 small mb-2">Crypto Journalist <a href="{{ URL::to('/')}}" title="Home" class="small text-decoration-none text-pink">Cryptohindinews.in</a></p>
                            <p class="mb-0 ">
                                {!! $newsDetail['post_author']['about_us'] ??
                                'No author description is available.' !!}
                            </p>
                            <div class="d-flex gap-3">
                                <a class=" border-end pe-3 text-pink" href="{{URL::to('crypto-web3-blockchain-author-detail/' . $newsDetail['post_author']['slug'])}}">Read More Articles By {{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}</a>
                                @if (!empty($newsDetail['post_author']['user']['linkedin_url']))
                                <a href="{{ $newsDetail['post_author']['user']['linkedin_url'] }}" target="_blank" ref="noopener nofollow noreffer">Connect Linkedin</a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="border shadow p-3 mt-4">
                        <span class="text-center fw-bold d-block mb-3">Leave a comment</span>
                        @if (session()->has('success'))
                        <div class="alert alert-success text-center py-2 mb-3">
                            {{ session('success') }}
                        </div>
                        @endif
                        <div class="mb-3">
                            <label class="mb-2 fw-semibold" for="name">Name</label>
                            <input type="text" wire:model.defer="commentName" class="form-control" id="name" placeholder="Enter your name">
                            @error('commentName') <span class="text-danger small">{{ $message }}</span> @enderror
                        </div>
                        <div class="mb-3">
                            <label class="mb-2 fw-semibold" for="comment">Comment</label>
                            <textarea wire:model.defer="commentBody" class="form-control" id="comment" placeholder="Write your comment here..." rows="4"></textarea>
                            @error('commentBody') <span class="text-danger small">{{ $message }}</span> @enderror
                        </div>
                        <div class="d-flex justify-content-center mt-4">
                            @if(Auth::check())
                            <button wire:click="postComment" wire:loading.attr="disabled" wire:target="postComment" class="btn btn-primary py-1">
                                <span wire:loading.remove wire:target="postComment">Post Comment</span>
                                <span wire:loading wire:target="postComment">Posting...</span>
                            </button>
                            @else
                            <button data-bs-toggle="modal" data-bs-target="#loginPromptModal" class="btn btn-primary py-1">
                                <span class="align-items-center text-nowrap">
                                    <span>Login to Comment</span>
                                </span>
                                <span wire:loading>
                                    <i class="fa fa-spinner fa-spin ms-1"></i>
                                </span>
                            </button>
                            @endif
                        </div>
                    </div>

                    <div class="mt-2" id="view_reply">
                        @if(!empty($comments) && count($comments))
                        @foreach($comments as $comment)
                        <div class="border rounded p-3 mb-3 bg-light">
                            <div class="row">
                                <div class="col-xxl-9 col-xl-8">
                                    <p class="text-muted mb-2">
                                        <i class="fa-regular fa-clock me-2 text-downriver"></i>
                                        {{ $comment->created_at?->diffForHumans() ?? '' }}
                                    </p>
                                    <p class="text-dark mb-0">
                                        {{ $comment->body_html }}
                                    </p>
                                    {{-- 🔵 Reply button --}}
                                    <button class="btn p-0 mt-2 text-decoration-none" wire:click="showReplyBox({{ $comment->id }})" wire:loading.attr="disabled" wire:target="showReplyBox({{ $comment->id }})">
                                        <i class="fa fa-reply"></i>
                                        <span wire:loading.remove wire:target="showReplyBox({{ $comment->id }})">Reply</span>
                                        <span wire:loading wire:target="showReplyBox({{ $comment->id }})">Loading...</span>
                                    </button>
                                    {{-- 🟩 Reply input box --}}
                                    @if($replyParentId === $comment->id)
                                    <div class="mt-2">
                                        <textarea wire:model.defer="replyBody" class="form-control mb-2" rows="2" placeholder="Write your reply..."></textarea>
                                        <div class="d-flex justify-content-end">
                                            <button class="btn btn-sm mainbluebtn" wire:click="postReply({{ $comment->id }})" wire:loading.attr="disabled" wire:target="postReply({{ $comment->id }})">
                                                <span wire:loading.remove wire:target="postReply({{ $comment->id }})">Post Reply</span>
                                                <span wire:loading wire:target="postReply({{ $comment->id }})">Posting...</span>
                                            </button>
                                        </div>
                                        @error('replyBody') <span class="text-danger small">{{ $message }}</span>
                                        @enderror
                                    </div>
                                    @endif
                                    {{-- 🧵 Nested replies --}}
                                    @if($comment->children && $comment->children->count())
                                    <div class="ms-4 mt-3 border-start ps-3">
                                        @foreach($comment->children as $reply)
                                        <div class="mb-2">
                                            <p class="text-dark mb-1">{{ $reply->body_html }}</p>
                                            <small class="text-muted">
                                                <i class="fa-regular fa-clock me-1"></i>
                                                {{ $reply->created_at->diffForHumans() }}
                                                • <strong>{{ $reply->user->name ?? 'Guest User' }}</strong>
                                            </small>
                                        </div>
                                        @endforeach
                                    </div>
                                    @endif
                                </div>
                                <div class="col-xxl-3 col-xl-4 col-lg-3 col-md-5 col-sm-6 col-8 text-end mb-3">
                                    <div class="row align-items-center shaffron-shadow-sm rounded-4 overflow-hidden border mx-0 p-2">
                                        <div class="col-4 px-0 text-center border-end">
                                            <img src="{{ $comment->user->avatar ?? asset('assets/images/default.png') }}" alt="{{ $comment->user->name ?? 'Guest User' }}" width="40" height="40">
                                        </div>
                                        <div class="col-8">
                                            <span class="text-black fw-semibold text-center one-line-text d-block">
                                                {{ $comment->user->name ?? 'Guest User' }}
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif
                    </div>
                </div>
                <div class="col-xl-4">
                    <div class="projectright">
                        <div class="boxnews">
                            <a href="{{ URL::to('/crypto-news-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 = $relatedNews->first();
                            $remaining = $relatedNews->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-0">

                                <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->postAuthor->slug)}}"
                                            class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                            title="{{ $first->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $first->postAuthor->dispaly_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">
                                        <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 bg-transparent p-0 h-10 border-0 d-flex align-items-start border-hover my-4">
                                <div class="row g-0">

                                    {{-- IMAGE --}}
                                    <div class="col-xl-5 col-lg-3 col-md-4 position-relative">
                                        <a class="position-relative"
                                            href="{{ URL::to('/'.$item->alias) }}"
                                            title="{{ $item->title }}">
                                            <img width="1920" height="1067"
                                                src="{{ $item->image }}"
                                                class="w-100 h-auto rounded-2 position-relative"
                                                alt="{{ $item->img_alt_title }}">
                                            <span class="d-none">{{ $item->title }}</span>
                                        </a>

                                        {{-- LIKE + SHARE --}}
                                        <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="setShareUrl('{{ URL::to($item['alias']) }}')">
                                                    <i class="fa-solid fa-share"></i>
                                                </button>

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

                                    {{-- TEXT SECTION --}}
                                    <div class="col-xl-7 col-lg-9 col-md-8 card bg-transparent border-0">
                                        <div class="card-body pt-0 pb-0">
                                            <a href="{{ URL::to('/'.$item->alias) }}"
                                                class="two-line-text text-paragraph fw-bold text-decoration-none"
                                                title="{{ $item->title }}">
                                                {{ $item->title }}
                                            </a>
                                        </div>



                                        {{-- AUTHOR + TIME --}}
                                        <div class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-3 py-0 w-100">
                                            <div>
                                                <a href="{{URL::to('crypto-web3-blockchain-author-detail/' . $item->postAuthor->slug)}}"
                                                    class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                    title="{{ $item->postAuthor->dispaly_name ?? ucfirst(str_replace('-', ' ', $item->postAuthor->dispaly_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>
                                    </div>
                                </div>
                            </div>
                            @endforeach

                        </div>
                        <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="1920" height="1067" 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="1920" height="1067" 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>
    @include('livewire.common.share-modal')

    @php
    $faqs = $visibleFaqs
    @endphp

    @if(!empty($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" id="heading{{ $faqId }}">
                                <button class="accordion-button collapsed" type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#{{ $faqId }}"
                                    aria-expanded="false"
                                    aria-controls="{{ $faqId }}">
                                    {!! $faq['question'] !!}
                                </button>
                            </div>

                            <div id="{{ $faqId }}" class="accordion-collapse collapse"
                                aria-labelledby="heading{{ $faqId }}"
                                data-bs-parent="#faqAccordion">
                                <div class="accordion-body">
                                    {!! $faq['answer'] !!}
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @if($hasMoreFaqs)
                        <div class="text-center mt-3">
                            <button class="btn btn-primary" wire:click="loadMoreFaq">
                                Load More
                            </button>
                        </div>
                        @endif
                    </div>
                </div>

            </div>
        </div>
    </section>
    @endif


    @push('scripts')
    <script>
        window.addEventListener('clearInputs', () => {
            document.getElementById('name').value = "";
            document.getElementById('comment').value = "";
        });
    </script>
    @endpush
</div>