@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]]) !!}
{!! SchemaHelper::authorListArticleSchema($dataList) !!}
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@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">
                    <div class="text-center mb-2 mb-md-0">
                        <span class="h4 fw-bold text-washedblack text-center centerborder position-relative d-inline-block pb-2">
                            टॉप क्रिप्टो राइटर </span>
                    </div>
                    <form wire:submit.prevent="applySearch" class="news-serch w-100">
                        <input type="hidden" name="_token" value="">
                        <input type="search" name="search_text" wire:model.lazy="search" class="srch" placeholder="सर्च">
                        <button type="submit" class="fa-solid fa-magnifying-glass serch-megnify" title="Submit"></button>
                    </form>
                </div>
                @foreach ($dataList as $author)
                <div class="col-xl-3 col-lg-4 col-sm-6 col-12 mb-4">
                    <div class="profileview position-relative overflow-hidden">
                        <div class="profileimage"><img alt="क्रिप्टो हिंदी न्यूज़ ऑथर" src="{{ URL::asset('assets/images/author_design.webp') }}" class="entered lazyloaded" width="152" height="288">
                        </div>
                        <div class="mainprofile">
                            <img
                                src="{{ CommonHelper::s3ImageOrDefault($author['user']['avatar'] ?? null)
                                 ?: 'https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g' }}"
                                alt="{{ $author['display_name'] ?? '' }}"
                                width="90"
                                height="90"
                                class="rounded-pill my-3 border border-danger border-5 entered lazyloaded">
                            <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">
                        {!! $seoData['description'] !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>