@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.crypto_author');
@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 Hindi News" />
<meta property="og:title" content="{{ @$mTitle }}" />
<meta property="og:description" content="{{ @$mDescr }}" />
<meta property="og:url" content="{{ @$mUrl }}" />
<meta property="og:image" content="{{ @$mImage }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getImageObjectSchema('https://cryptohindinews.in/assets/images/logo/hindi-black-logo.webp',$mTitle)
!!}
{!! SchemaHelper::getFaqSchema(json_encode($seoData['faq'])) !!}
{!! SchemaHelper::getBreadcrumbSchema([['name' => 'Home', 'url' => url('/')],['name' =>$seoData['breadcrumb'] , 'url' =>
$mUrl]]) !!}
@endpush
@push('pageId')
<script>
window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush


@push('styles')
<style>
    .news-serch .srch:focus-visible {
        outline: none !important;
    }
</style>
@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>{{ $seoData['breadcrumb'] ?: 'Crypto
                            Web3 Blockchain Author' }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section class="my-4">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="text-center topheading">
                        {!! $seoData['top_page_content'] !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row">
                <div
                    class="col-12 py-3 justify-content-md-between  flex-wrap justify-content-center d-flex align-items-baseline">
                    <div class="text-center mb-2 mb-md-0">
                        <span class="fs-4 fw-bold heading-bdr-left leftzero d-inline-block position-relative lh-1">टॉप क्रिप्टो राइटर </span>
                    </div>
                    <form wire:submit.prevent="applySearch" class="news-serch w-100">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                        <input type="search" name="search_text" wire:model.lazy="search" class="srch"
                            placeholder="सर्च">
                        <button type="submit" class="fa-solid fa-magnifying-glass serch-megnify" aria-label="Search Authors" title="Submit"></button>
                    </form>
                </div>
                @foreach ($dataList as $author)
                @php
                $idx = $loop->index;
                $aboveFold = $idx < 4; $avatarUrl=CommonHelper::s3ImageOrDefault($author['image'] ?? null)
                    ?: 'https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g'
                    ; @endphp <div class="col-xxl-3 col-lg-4 col-md-6 col-12 mb-4"
                    wire:key="author-{{ $author['id'] ?? $loop->index }}">
                    <div class="profileview position-relative overflow-hidden">

                        <div class="profileimage">
                            <img alt="क्रिप्टो हिंदी न्यूज़ ऑथर"
                                src="{{ URL::asset('assets/images/author_design.webp') }}" class="entered" width="152"
                                height="288" loading="{{ $aboveFold ? 'eager' : 'lazy' }}"
                                decoding="{{ $aboveFold ? 'sync' : 'async' }}">
                        </div>

                        <div class="mainprofile">
                            <img src="{{ $avatarUrl }}" alt="{{ $author['dispaly_name'] ?? '' }}" width="90" height="90"
                                loading="{{ $aboveFold ? 'eager' : 'lazy' }}" @if($idx===0) fetchpriority="high" @endif
                                decoding="{{ $aboveFold ? 'sync' : 'async' }}"
                                class="rounded-pill my-3 border border-danger border-5 entered">

                            <a href="{{ URL::to('crypto-web3-blockchain-author-detail/'.$author['slug']) }}"
                                title="{{ $author['dispaly_name'] }}" class="text-decoration-none text-center">
                                {{ Str::limit($author['dispaly_name'], 15, '...') }}
                            </a>
                        </div>

                    </div>
            </div>
            @endforeach
        </div>
</div>
</section>
<section>
    <div class="container">
        <div class="row">
            <div class="col-xl-12">
                <div class="content-view">
                    {!! CommonHelper::addNoFollowToExternalLinks(@$seoData['description']) !!}
                </div>
            </div>
        </div>
    </div>
</section>

<livewire:faq-section pageType="{{ $page }}" />
</div>