@push('metadata')
@php
$page_id = 36;
$mTitle = @$author->seo_title;
$mDescr = @$author->meta_description;
$faqs = $author->faqs ?? '[]';
$mKWords = $author->meta_keywords;
$mUrl = url()->current();
$mImage = config('constants.crypto-presale');
@endphp

<title>{{ @$mTitle }}</title>
<meta name="keywords" content="{{ @$mKWords }}" />
<meta name="description" content="{{ @$mDescr }}" />
<meta property=og:locale content="{{ app()->getLocale() }}" />
<meta property=og:type content="{{config('constants.organisation_type_news')}}" />
<meta property="og:site_name" content="Crypto Presale" />
<meta property="og:title" content="{{ @$mTitle }}" />
<meta property="og:description" content="{{ @$mDescr }}" />
<meta property="og:url" content="{{ @$mUrl }}" />
<meta property="og:image" content="{{ @$mImage }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush


@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle) !!}
{!! SchemaHelper::profileAuthorSchema($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">होम</a></li>
                        <li>
                            {{ $author['dispaly_name'] }}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="pt-3">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-center">
                        <h1 class="h4 fw-bold  mb-3 position-relative centerborder d-inline-block">
                            {{ $author['dispaly_name'] }}
                        </h1>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="row mx-sm-0 shadow">
                        <div class="col-md-3 lightpink">
                            <div class="h-100 d-flex justify-content-center align-items-center flex-column">
                                <img src="{{ $author['image'] ?: 'https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g' }}" alt="{{ $author['dispaly_name'] }}"
                                    title="{{ $author['dispaly_name'] }}" width="120" height="120"
                                    class="author-dp rounded-pill my-3 border border-dark">
                                <span class="text-dark fw-bold mb-3 fs-5">{{ $author['dispaly_name'] }}</span>
                                <ul class="list-unstyled d-flex flex-wrap">
                                </ul>
                                <div class="d-flex gap-1 mt-3 justify-content-center">
                                    @if(@$author['user']['linkedin_url'])
                                    <a href="{{ $author['user']['linkedin_url'] }}" title="linkedin_url" target="_blank"
                                        rel="noopener nofollow noreferrer"><img src="{{URL::asset('/assets/images/authors/linkedin.png')}}"
                                            width="24" height="24" alt="linkedin_url"><span class="d-none">linkedin url</span></a>
                                    @endif
                                    @if(@$author['user']['twitter_url'])
                                    <a href="{{ CommonHelper::formatTwitterUrl($author['user']['twitter_url']) }}" title="twitter_url"
                                        target="_blank" rel="noopener nofollow noreferrer"><img
                                            src="{{URL::asset('/assets/images/authors/twitter.png')}}" width="24" height="24"
                                            alt="twitter_url"><span class="d-none">twitter url</span></a>
                                    @endif
                                    @if(@$author['user']['telegram_url'])
                                    <a href="{{ CommonHelper::formatTelegramUrl(@$author['user']['telegram_url']) }}" title="telegram_url"
                                        target="_blank" rel="noopener nofollow noreferrer"><img
                                            src="{{URL::asset('/assets/images/authors/telegram.png')}}" width="24" height="24"
                                            alt="telegram_url"><span class="d-none">telegram url</span></a>
                                    @endif
                                    @if(@$author['user']['instagram_url'])
                                    <a href="{{@$author['user']['instagram_url'] }}" title="instagram_url" target="_blank"
                                        rel="noopener nofollow noreferrer"><img src="{{URL::asset('/assets/images/authors/instagram.png')}}"
                                            width="24" height="24" alt="instagram_url"><span class="d-none">instagram url</span></a>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9 bg-light ">
                            <div class="row py-2 px-2">
                                <div class="col-xl-5 col-lg-4 col-md-4 my-2">
                                    <span>वर्क प्रोफाइल:</span>
                                </div>
                                <div class="col-xl-7 col-lg-8 col-md-8 my-2">
                                    <span
                                        class="text-dark fw-bold one-line-text fs-6">{{ $author['work_profile'] ?? 'N/A' }}</span>
                                </div>
                                <div class="col-xl-5 col-lg-4 col-md-4 my-2">
                                    <span>व्यवसाय:</span>
                                </div>
                                <div class="col-xl-7 col-lg-8 col-md-8 my-2">
                                    <span class="text-dark fw-bold one-line-text fs-6">{{ $author['personal_profile'] ?? 'N/A' }}</span>
                                </div>
                                <div class="col-xl-5 col-lg-4 col-md-4 my-2">
                                    <span>जुड़ी हुई :</span>
                                </div>
                                <div class="col-xl-7 col-lg-8 col-md-8 my-2">
                                    <span class="text-dark fw-bold one-line-text fs-6">{{ $author['project_associated_with'] ?? 'N/A' }}</span>
                                </div>
                                <div class="col-xl-5 col-lg-4 col-md-4 my-2">
                                    <span>रूचि/ शौक :</span>
                                </div>
                                <div class="col-xl-7 col-lg-8 col-md-8 my-2">
                                    <span class="text-dark fw-bold fs-6">{{ $author['hobbies'] ?? 'N/A' }}</span>
                                </div>
                                <div class="col-xl-5 col-lg-4 col-md-4 my-2">
                                    <span>हमारे बारे में:</span>
                                </div>
                                <div class="col-xl-7 col-lg-8 col-md-8 my-2 text-justify">
                                    <span class="text-dark fw-bold fs-6">N/A</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row mx-sm-0">
                <div class="col-lg-12">
                    <div class="text-center col-12 pb-3 pt-4">
                        <h2 class="h4 fw-bold  mb-3 position-relative centerborder d-inline-block">
                            ब्लोग्स बाय {{ $author['dispaly_name'] }} </h2>
                    </div>
                </div>
                <div class="col-12">
                    <div class="row author-posts">
                        @forelse($news as $newsItem)
                        <div class="col-md-5th my-2 news-box">
                            <div
                                class="card bg-white  h-10  border-0 d-flex align-items-start justify-content-between border-hover p-0">
                                <a href="{{ URL::to($newsItem['alias']) }}"
                                    title="{{ $newsItem['title'] }}">
                                    <img src="{{ $newsItem['image'] }}" class="w-100 h-auto rounded-2"
                                        alt="{{ $newsItem['img_alt_title'] ?? $newsItem['title'] }}" loading="lazy"
                                        width="171" height="102">
                                    <span class="d-none">{{ $newsItem['title'] }}</span>

                                </a>
                                <!-- <div
                                        class="position-absolute top-1 end-1 bg-white rounded-4 p-1 d-flex align-items-center fs-13 lh-1">
                                        <span class="small">
                                            <a
                                                href="#">{{ $newsItem['is_gabbar'] == 1 ? 'Crypto News' : 'Press Release' }}</a>
                                        </span>
                                    </div> -->
                                <div class="card-body py-2 px-1">
                                    <a href="{{ URL::to($newsItem['alias']) }}"
                                        class="two-lines-text text-paragraph fw-semibold text-decoration-none"
                                        title={{ $newsItem['title'] }}>
                                        {{ $newsItem['title'] }} </a>
                                    <!-- <p class="text-muted mb-0">Bitcoin Crash, प्राइस में अचानक आई तेज गिरावट ने मार्केट हिला दिया Bitcoin Crash ने एक बार फिर क्रिप्टो ट्रेडर्स को झटका दिया है। दुनिया की सबसे बड़ी डिजिटल एसेट अचानक फिसलकर 95,000 डॉलर पर आ गई और तेज़ गिरावट में Bitcoin Price 94,000 के मिड-रेंज तक भी पहुंचा था। यह गिरावट इतनी तेज थी [&hellip;]</p> -->
                                </div>
                                <div
                                    class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-0 px-sm-2 py-0 w-100">
                                    <div class="d-flex gap-1">


                                        <a href="{{ URL('crypto-web3-blockchain-author-detail/'.$newsItem['post_author']['slug']) }}"
                                            class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1 one-line-text"
                                            title="By:{{ $newsItem['post_author']['dispaly_name'] }}">
                                            {{ Str::limit($newsItem['post_author']['dispaly_name'] ?? 'Admin', 8) }} </a>
                                        <span class="fs-12 one-line-text d-inline-block">
                                            {{ \Carbon\Carbon::parse($newsItem['publishedAt'])->diffForHumans() }} </span>
                                    </div>
                                    <div>
                                        <div class="d-flex align-items-center">
                                            <div class="like-wrapper">
                                                <x-like-card
                                                    :id="$newsItem['id'] ?? ''"
                                                    :type="'news'"
                                                    :likeCount="$newsItem['likes_counts'] ?? 0" />

                                            </div>
                                            <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent p-0"
                                                data-url="{{ URL($newsItem['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                wire:click="setShareUrl('{{ URL($newsItem['alias']) }}')">
                                                <i class="fa-solid fa-share"></i>
                                                <span class="d-none">Share Button</span>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @empty
                        <div class="col-12 text-center py-3">
                            <p class="text-muted">No News of authors found.</p>
                        </div>
                        @endforelse



                    </div>
                    @if($hasMore)
                    <div class="text-center my-3">
                        <button wire:click="loadMoreNews" wire:loading.attr="disabled"
                            class="btn btn-primary load-more">
                            Load More
                        </button>
                    </div>
                    @endif
                </div>
                <div class="col-12 p-0">
                    <nav class="d-none">
                        <div class="nav nav-tabs justify-content-center border-bottom-0 mb-2" id="author-tab"
                            role="tablist">
                            <button class="nav-link tab1 fw-semibold px-lg-4 py-xl-1 active" id="nav-news-tab"
                                data-bs-toggle="tab" data-bs-target="#nav-news" type="button" role="tab"
                                aria-controls="nav-news" aria-selected="true">क्रिप्टो न्यूज़</button>
                            <button class="nav-link tab1 fw-semibold px-lg-4 py-xl-1" id="nav-blog-tab"
                                data-bs-toggle="tab" data-bs-target="#nav-blog" type="button" role="tab"
                                aria-controls="nav-blog" aria-selected="false" tabindex="-1">क्रिप्टो ब्लॉग</button>
                            <button class="nav-link tab1 fw-semibold px-lg-4 py-xl-1" id="nav-prediction-tab"
                                data-bs-toggle="tab" data-bs-target="#nav-prediction" type="button" role="tab"
                                aria-controls="nav-prediction" aria-selected="false" tabindex="-1">प्राइस
                                प्रेडिक्शन</button>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </section>
    <section class="my-3 bg-lightgray p-4">
        <div class="container">
            <!-- <div class="row d-flex justify-content-center">
            <div class="col-xl-5 my-2">
                <img src="assets/images/banner.webp" class="img-fluid rounded-3">
            </div>
            <div class="col-xl-5 my-2">
                <img src="assets/images/banner.webp" class="img-fluid rounded-3">
            </div>
        </div> -->
            <div class="row mt-4">
                <div class="col-xl-9">
                    <span class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero">Other Articles By
                        Author</span>
                    <div class="row">
                        @foreach ( $othernews as $newsItem )

                        <div class="col-xl-3">
                            <div class=" my-2 news-box">
                                <div
                                    class="card bg-white  h-10  border-0 d-flex align-items-start justify-content-between border-hover p-0">
                                    <a class="w-100" href="{{ URL::to($newsItem['alias']) }}"
                                        title="{{ $newsItem['title'] }}">
                                        <img src="{{ $newsItem['image'] }}" class="w-100 h-auto rounded-2"
                                            alt="{{ $newsItem['img_alt_title'] ?? $newsItem['title'] }}"
                                            loading="lazy" width="171" height="102">
                                        <span class="d-none">{{ $newsItem['title'] }}</span>
                                    </a>
                                    <div class="card-body py-2 px-2">
                                        <a href="{{ URL::to($newsItem['alias']) }}"
                                            class="two-lines-text text-paragraph fw-semibold text-decoration-none mb-1"
                                            title="{{ $newsItem['title'] }}">
                                            {{ $newsItem['title'] }}</a>
                                    </div>
                                    <div
                                        class="card-footer bg-transparent border-top-0 d-flex justify-content-between align-items-center flex-wrap px-0 px-sm-2 py-0 w-100">
                                        <div class="d-flex gap-1">
                                            <a href="{{ URL::to('crypto-web3-blockchain-author-detail/'.($newsItem['post_author'] ? $newsItem['post_author']['slug']:'')) }}"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1 one-line-text"
                                                title="{{ $newsItem['author_name'] }}">
                                                {{ Str::limit($newsItem['post_author']['dispaly_name'] ?? 'Admin', 8) }} </a>
                                            <span class="fs-12 one-line-text d-inline-block">
                                                {{ \Carbon\Carbon::parse($newsItem['publishedAt'])->diffForHumans() }}</span>
                                        </div>
                                        <div>
                                            <div class="d-flex align-items-center">
                                                <div class="like-wrapper">
                                                    <x-like-card
                                                        :id="$newsItem['id'] ?? ''"
                                                        :type="'news'"
                                                        :likeCount="$newsItem['likes_counts'] ?? 0" />
                                                </div>
                                                <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent p-0"
                                                    data-url="{{ URL($newsItem['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                                    wire:click="setShareUrl('{{ URL($newsItem['alias']) }}')">
                                                    <i class="fa-solid fa-share"></i>
                                                    <span class="d-none">Share Button</span>
                                                </button>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-3 d-lg-block d-none mb-4">
                    <div class="p-3">
                        <h4 class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero">
                            अदर ऑथर <i class="fa-solid fa-arrow-right-long"></i>
                        </h4>
                        <div id="related_author" class="authorview" data-visible="true" style="">

                            @forelse($otherAuthors as $otherAuthor)
                            <div class="d-flex justify-content-between align-items-center my-3">
                                <div class="authorimage">
                                    <img src="{{ $otherAuthor['image'] ?: 'https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g' }}" alt="{{ $otherAuthor['dispaly_name'] }}" width="50" height="50"
                                        class="h-auto  rounded-circle   border border-danger border-2 me-2"
                                        loading="lazy">
                                </div>
                                <div class="authormiddle ms-3">
                                    <span class="h6  text-dark fw-bold one-line-text mb-0">{{ $otherAuthor['dispaly_name'] }}</span>
                                    <p class="mb-0 small">Total Articles: <span>{{ $otherAuthor['news_count'] ?? 0}}</span></p>
                                </div>
                                <div class="authorend">
                                    <a href="{{  URL::to('crypto-web3-blockchain-author-detail/' . $otherAuthor['slug']) }}"
                                        title="{{ $otherAuthor['dispaly_name'] }}" class="btn btn-gradient text-nowrap p-1 fs-12">View
                                        Profile</a>
                                </div>
                            </div>
                            @empty
                            <div class="col-12 text-center py-3">
                                <p class="text-muted">No other authors found.</p>
                            </div>
                            @endforelse

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

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