@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

<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>
                        <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">
                        <h2 class="h4 fw-bold  mb-3 position-relative centerborder d-inline-block">
                            Akansha Vyas </h2>
                    </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="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>
                        </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">Hindi Content Writer</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">Coin Gabbar</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">
                        <h3 class="h4 fw-bold  mb-3 position-relative centerborder d-inline-block">
                            ब्लोग्स बाय Akansha Vyas </h3>
                    </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="Bitcoin Crash, भारी गिरावट ने ट्रेडर्स और मार्केट दोनों को चौंकाया">
                                        <img src="{{ $newsItem['image'] }}" class="w-100 h-auto rounded-2"
                                            alt="{{ $newsItem['img_alt_title'] ?? $newsItem['title'] }}" loading="lazy"
                                            width="171" height="102">
                                    </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="Bitcoin Crash, भारी गिरावट ने ट्रेडर्स और मार्केट दोनों को चौंकाया">
                                            Bitcoin Crash, भारी गिरावट ने ट्रेडर्स और मार्केट दोनों को चौंकाया </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-3 py-0 w-100">
                                        <div>
                                            <a href="#"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="By: Akansha Vyas">
                                                Akansha Vyas </a>
                                            <span class="small ps-1">
                                                2d </span>
                                        </div>
                                        <div>
                                            <div class="d-flex align-items-center">
                                                <div class="like-wrapper">
                                                    <a href="#"
                                                        title="Bitcoin Crash, भारी गिरावट ने ट्रेडर्स और मार्केट दोनों को चौंकाया"
                                                        class="text-dark text-decoration-none me-2 lh-normal like-btn"
                                                        data-id="84979">
                                                        <i class="fa-regular fa-heart "></i>
                                                        <span class="like-count">0</span>
                                                    </a>

                                                </div>
                                                <a href="#" class="text-dark text-decoration-none lh-normal share-btn"
                                                    data-url="https://www.cryptohindinews.in/bitcoin-crash-latest-update-why-falling">
                                                    <i class="fa-solid fa-share"></i>
                                                    <span class="d-none">Share Button</span>
                                                </a>
                                            </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>
                    <div class="text-center my-3">
                        <button class="btn btn-primary load-more" data-page="1">Load More</button>
                    </div>
                </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 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">
                        <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="#"
                                        title="Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट अवसर">
                                        <img src="assets/images/banner.webp" class="w-100 h-auto rounded-2"
                                            alt="Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट अवसर"
                                            loading="lazy" width="120" height="120">
                                        <span class="d-none">Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट
                                            अवसर</span>
                                    </a>
                                    <div class="card-body py-2 px-2">
                                        <a href="#"
                                            class="two-lines-text text-paragraph fw-semibold text-decoration-none mb-1"
                                            title="Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट अवसर">
                                            Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट अवसर </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="#"
                                                class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                title="Niharika Singh">
                                                Niharika Singh </a>
                                            <span class="small ps-1">
                                                37m </span>
                                        </div>
                                        <div>
                                            <div class="d-flex align-items-center">
                                                <div class="like-wrapper">
                                                    <a href="#"
                                                        title="Top 5 Crypto Presales Nov 2025: हाई-पोटेंशियल इन्वेस्टमेंट अवसर"
                                                        class="text-dark text-decoration-none me-2 lh-normal like-btn"
                                                        data-id="85078">
                                                        <i class="fa-regular fa-heart "></i>
                                                        <span class="like-count">0</span>
                                                    </a>

                                                </div>
                                                <a href="#" class="text-dark text-decoration-none lh-normal share-btn"
                                                    data-url="https://www.cryptohindinews.in/top-5-crypto-presales-high-potential-opportunity">
                                                    <i class="fa-solid fa-share"></i>
                                                    <span class="d-none">Share Button</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </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($authorList as $authors)

                                @forelse($authors as $otherAuthor)
                                    <div class="d-flex justify-content-between align-items-center my-3">
                                        <div class="authorimage">
                                            <img src="https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g" alt="Anjali Kumawat" width="80" height="80"
                                                class="h-auto  rounded-circle   border border-danger border-2 me-2"
                                                loading="lazy">
                                        </div>
                                        <div class="authormiddle">
                                            <span class="h6  text-dark fw-bold one-line-text mb-0">{{ $otherAuthor['dispaly_name'] }}</span>
                                            <p class="mb-0 small">Total Articles: <span>0</span></p>
                                        </div>
                                        <div class="authorend">
                                            <a href="{{  URL::to('crypto-web3-blockchain-author-detail/' . $otherAuthor['slug']) }}"
                                                title="Anjali Kumawat" class="btn btn-gradient py-2 text-pre 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
                            @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>

</div>