@push('metadata')
@php
$page_id = 36;
$mTitle = @$newsDetail['seo_title'];
$mDescr = @$newsDetail['meta_description'];
$faqs = $newsDetail['faq'] ?? '[]';
$mKWords = $newsDetail['meta_keywords'];
$mUrl = url()->current();
$cloudfrontUrl = "";
$mImage = $cloudfrontUrl . $newsDetail['image'];
@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::newsArticleSchema($newsDetail) !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' => Str::title(str_replace('-', ' ',
$newsDetail['alias'])), 'url' => $mUrl]]) !!}

@endpush

<!-- for news detail main image -->
    {{--@push('head_scripts')
    <link rel="preload"
      as="image"
      href="{{ $newsDetail['image'] }}"
      imagesrcset="{{ $newsDetail['image'] }} 800w, {{ $newsDetail['image_thumb'] ?? $newsDetail['image'] }} 400w"
      imagesizes="(max-width:576px) 100vw, 800px">
    @endpush--}}

@push("head_scripts")
@php
 $heroSrc = $newsDetail["image_webp"] ?? $newsDetail["image"];
 $heroThumb = $newsDetail["image_webp_thumb"]
 ?? $newsDetail["image_thumb"]
 ?? $newsDetail["image"];
@endphp
@push('preload')
<link rel="preload"
      as="image"
      href="{{ CommonHelper::s3ImageOrDefault($newsDetail['image']) }}"
      imagesrcset="{{ CommonHelper::s3ImageOrDefault($newsDetail['image']) }}"
      imagesizes="(max-width:576px) 100vw, 800px"
      fetchpriority="high">
@endpush
@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 class="one-line-text">{{ Str::title(str_replace('-', ' ', $newsDetail['alias'])) }}</li>

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

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

    <section class="bg-lightgray py-3">
        <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 src="{{ $newsDetail['image'] }}" 
                                srcset="{{ $newsDetail['image'] }} 800w, {{ $newsDetail['image_thumb'] ?? $newsDetail['image'] }} 400w"
                                sizes="(max-width:576px) 100vw, 800px" 
                                width="800" 
                                height="450" 
                                class="rounded-2 position-relative wp-post-image td-animation-stack-type0-2 img-fluid"
                                fetchpriority="high" 
                                loading="eager" 
                                decoding="async" 
                                alt="{{ ($newsDetail['img_alt_title'] ?? '') ?: ($newsDetail['title'] ?? '') }}">    
                        </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="d-flex align-items-center justify-content-between flex-wrap gap-2">
                                    <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>
                                    @php
                                        $showUpdated = false;

                                        if (!empty($newsDetail['publishedAt']) && !empty($newsDetail['updated_at'])) {
                                            $published = \Carbon\Carbon::createFromTimestamp($newsDetail['publishedAt']);
                                            $updated = \Carbon\Carbon::parse($newsDetail['updated_at']);

                                            $showUpdated = $published->diffInDays($updated) >= 7;
                                        }
                                    @endphp

                                    @if($showUpdated)
                                        <p class="mb-0">
                                            Updated Date:
                                            <span class="post-date text-dark ps-1">
                                                {{ \Carbon\Carbon::parse($newsDetail['updated_at'])->format('F j, Y') }}
                                            </span>
                                        </p>
                                    @endif
                                </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-top pt-4 flex-wrap gap-2">
                            <a href="{{ URL::to('/'.@$prev->alias) }}" class="btn btn-primary"
                                title="{{@$prev->title}}">
                                <i class="fa-solid fa-left-long"></i> Previous Article
                            </a>
                            <a href="{{ URL::to('/'.@$next->alias) }}" class="btn btn-primary"
                                title="{{@$next->title}}">
                                Next Article <i class="fa-solid fa-right-long"></i>
                            </a>
                        </div>
                    </div>

                    <div
                        class="authornewsdetails my-4 border p-4 rounded-3 shadow-sm bg-white">
                        <div class="d-flex gap-3 align-items-center">
                            <div class="image-author">
                                <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']['image'])
                                    ? $newsDetail['post_author']['image']
                                    : 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="80" width="80">
                                    <span class="d-none">About the Author
                                        {{ $newsDetail['post_author']['dispaly_name'] ?? 'Author' }}</span>
                                </a>
                            </div>
                            <div class="authorrightview">
                                <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>
                            </div>
                        </div>
                        <div class="author-content mt-3">
                            <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 noreferrer">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 guest-user-img">
                                            <img src="{{ $comment->user->avatar ?? asset('assets/images/default.png') }}" alt="{{ $comment->user->name ?? 'Guest User' }}" width="40" height="40" loading="lazy" decoding="async">
                                        </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 mb-3 position-relative leftzero text-decoration-none d-inline-block">
                                और हिंदी न्यूज़ <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                            @php
                                $relatedNews = collect($relatedNews ?? []);
                                $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="416" height="231" src="{{ $first->image }}" loading="eager"
                                        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-1 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 position-relative more-news-btn">
                                        <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="173" height="96" src="{{ $item->image }}" loading="lazy" decoding="async"
                                                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-4 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="fs-12 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
                                    $blockNews = collect($blockNews ?? []);
                                    $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"
                                            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-1 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="fs-12 ps-1">
                                                {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }}
                                            </span>
                                        </div>

                                        <div class="d-flex align-items-center position-relative more-news-btn">
                                            <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="173" height="96" 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-4 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-1 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="fs-12 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
                            $relatedBlogs = collect($relatedBlogs ?? []);
                            $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="416" height="231" 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-1 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 more-news-btn">
                                        <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-1 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 position-relative more-news-btn">
                                        <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

    @if($isPreview)
    <div class="preview-bottom-bar">
        <div class="preview-bottom-bar-left">
            <span class="preview-bottom-bar-badge">⚠ Not Live</span>
            <div>
                <div class="preview-bottom-bar-title">This page is in preview mode and is not indexed by search engines. </div>
                <div class="preview-bottom-bar-sub">

                    @if($isScheduled && $scheduledAt)
                    🕐 Scheduled to go live: <strong>{{ \Carbon\Carbon::parse($scheduledAt)->format('d M Y, h:i A') }}</strong>
                    @endif
                </div>
            </div>
        </div>

        <div>
            <p class="mb-0 fs-4 fw-bold"> Get in Touch: <a href="https://t.me/crypto_hindi_news" target="_blank" class="text-decoration-none fw-bold text-white" rel="nofollow noopener noreferrer" title="@Content_coingabbar"><img width="25" height="26" src="{{ URL::asset('assets/images/authors/telegram.png') }}" alt="Telegram"></a></p>
        </div>

        {{-- Diagonal watermark overlay --}}
        <div class="preview-watermark-overlay">
            @for($i = 0; $i < 8; $i++)
                <div class="preview-watermark-row" style="top: {{ $i * 14 }}%;">
                PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW
        </div>
        @endfor
    </div>
</div>
@endif
@if($isSeoCheck)
<div class="preview-bottom-bar">
    <div class="preview-bottom-bar-left">
        <span class="preview-bottom-bar-badge">⚠ Not Live</span>
        <div>
            <div class="preview-bottom-bar-title">This page is in preview mode and is not indexed by search engines.</div>
            <div class="preview-bottom-bar-sub">
                Contact the admin now to make this webpage live and indexable.
            </div>
        </div>
    </div>
    <div>

        <p class="mb-0 fs-4 fw-bold">
            Contact us on :<a href="https://t.me/crypto_hindi_news" target="_blank" class="text-decoration-none fw-bold text-white" rel="nofollow noopener noreferrer" title="@Content_coingabbar"> <img width="25" height="26" src="{{ URL::asset('assets/images/authors/telegram.png') }}" alt="Telegram"></a>
            </a>
        </p>
    </div> {{-- Diagonal watermark overlay --}}
    <div class="preview-watermark-overlay">
        @for($i = 0; $i < 8; $i++) <div class="preview-watermark-row" style="top: {{ $i * 14 }}%;">
            PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW &nbsp; PREVIEW
    </div>
    @endfor
</div>
</div>
@endif

    @push('scripts')
    <script>
    window.addEventListener('clearInputs', () => {
        document.getElementById('name').value = "";
        document.getElementById('comment').value = "";
    });
    </script>
    
    <script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.detailscontent table').forEach(function(table) {
        let wrapper = document.createElement('div');
        wrapper.classList.add('table-responsive');
        table.parentNode.insertBefore(wrapper, table);
        wrapper.appendChild(table);
    });
});
</script>

    @endpush
</div>