@push('metadata')
@php
$page_id = 7;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.advertise');
@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
<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($seoData['breadcrumb'] ?? false)
    <li>{{ $seoData['breadcrumb'] }}</li>
@else
   <li>Crypto Web3 Blockchain Author Registration</li>
@endif


                    
                </ul>
            </div>
        </div>
    </section>
    <section class="py-3 bg-lightgray">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-12 text-center topheading">
                    {!! $seoData['top_page_content'] !!}
                </div>
                <div class="col-xl-8">
                    <div class="bg-white p-4">
                        <div class="row">

                            @if (session()->has('success'))
                            <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 10000)" x-show="show"
                                x-transition
                                class="fixed top-5 alert alert-success text-center z-50 bg-green-500 text-success px-4 py-3 rounded-lg shadow-lg">
                                {{ session('success') }}
                            </div>
                            @endif
                            <form wire:submit.prevent="save" class="bg-white p-4 mt-3 rounded-3">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <div class="profile-upload">
                                            <div id="profilePreview">
                                                @if($uploadImage)
                                                <img src="{{ $uploadImage->temporaryUrl() }}" width="115" height="115" alt="Profile Preview" class="rounded-circle">
                                                @else
                                                <img src="https://secure.gravatar.com/avatar/601f6842d54d" width="115" height="115" alt="Default Preview" />
                                                @endif
                                            </div>

                                            <label class="upload-btn">
                                                <i class="fa-solid fa-plus"></i>
                                                <input type="file" wire:model="uploadImage" accept="image/*">
                                            </label>

                                            @error('uploadImage') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>
                                    </div>

                                    <div class="col-xl-6 mt-4">
                                        <label class="fw-bold">डिस्प्ले नेम *</label>
                                        <input type="text" wire:model.defer="name" class="form-control rounded-pill">
                                        @error('name') <span class="text-danger fs-12">{{ $message }}</span>@enderror
                                    </div>

                                    <div class="col-xl-6 mt-4">
                                        <label class="fw-bold">वर्क प्रोफाइल *</label>
                                        <input type="text" wire:model.defer="profile" class="form-control rounded-pill">
                                        @error('profile') <span class="text-danger fs-12">{{ $message }}</span>@enderror
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">प्रोफेशन</label>
                                        <input type="text" wire:model.defer="profession" class="form-control rounded-pill">
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">ईमेल ID *</label>
                                        <input type="email" wire:model.defer="email" class="form-control rounded-pill">
                                        @error('email') <span class="text-danger fs-12">{{ $message }}</span>@enderror
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">ट्विटर ID</label>
                                        <input type="text" wire:model.defer="twitter" class="form-control rounded-pill">
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">रेडिट ID</label>
                                        <input type="text" wire:model.defer="reddit" class="form-control rounded-pill">
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">जुड़ी हुई परियोजनाएं *</label>
                                        <input type="text" wire:model.defer="project" class="form-control rounded-pill">
                                        @error('project') <span class="text-danger fs-12">{{ $message }}</span>@enderror
                                    </div>

                                    <div class="col-xl-6 mt-3">
                                        <label class="fw-bold">रूचि/ शौक *</label>
                                        <input type="text" wire:model.defer="hobbies" class="form-control rounded-pill">
                                        @error('hobbies') <span class="text-danger fs-12">{{ $message }}</span>@enderror
                                    </div>

                                    <div class="col-12 mt-3">
                                        <label class="fw-bold">हमारे बारे में</label>
                                        <textarea wire:model.defer="bio" class="form-control rounded-4" rows="5"></textarea>
                                    </div>

                                    <div class="col-12 text-center mt-4">
                                        <button class="btn btn-primary" type="submit">सबमिट</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="blogby">
                            <div class="text-center col-12 pb-3 pt-4">
                                <span class="h4 fw-bold  mb-3 position-relative centerborder d-inline-block">ब्लोग्स
                                    बाय ऑथर्स</span>
                            </div>
                            <div class="row">
                                @forelse($news as $newsItem)
                                <div class="col-6 my-2 news-box">
                                    <div class="card  p-0 h-10 border-0 d-flex align-items-start border-hover">
                                        <div class="row g-0">
                                            <div class="col-xl-4 col-lg-3 col-md-4">
                                                <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">
                                                </a>
                                            </div>
                                            <div class="col-xl-8 col-lg-9 col-md-8 card border-0">
                                                <div class="card-body pt-0 pb-1">
                                                    <a href="{{ URL::to($newsItem['alias']) }}"
                                                        class="two-line-text text-washedblack fw-semibold text-decoration-none"
                                                        title="{{ $newsItem['title'] }}">
                                                        {{ $newsItem['title'] }}
                                                    </a>
                                                    <!-- <p class=" text-muted mb-0 fs-6">
                                          आपके लिए हाई-पोटेंशियल इन्वेस्टमेंट और गेमिंग अवसर क्रिप्टो वर्ल्ड में Top 5 Crypto Presales Nov 2025 की लिस्ट ने ने इन्वेस्टर्स और गेमर्स दोनों के लिए शानदार अवसर के रास्ते खोले हैं। इस लिस्ट में शामिल प्रोजेक्ट्सPEPENODE, Gopher, EDMA, BOB और Play Claims जैसे प्रोजेक्ट हर क्षेत्र में इनोवेशन और हाई-ग्रॉथ अप्रोच के साथ तेजी [&hellip;]</p> -->
                                                </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="{{ URL::to('crypto-web3-blockchain-author-detail/'.($newsItem['post_author'] ? $newsItem['post_author']['slug']:'')) }}"
                                                            class="text-washedblack fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1"
                                                            title="{{ $newsItem['author_name'] }}">
                                                            {{ Str::limit($newsItem['post_author']['dispaly_name'] ?? 'Admin', 8) }} </a>
                                                        <span class="ps-1 fs-13">{{ \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 class="like-message mt-1 text-danger position-absolute w-100 end-0 fs-12 text-center" style="display:none;"></div>
                                                            </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>
                                </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 mt-3">
                                <a href="{{ route('cryptoblogs') }}" class="btn btn-primary mb-3 rounded-4">
                                    और देखे
                                </a>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 d-lg-block d-none mb-4">
                    <h2 class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero">
                        अदर ऑथर <i class="fa-solid fa-arrow-right-long"></i>
                    </h2>
                    <div id="authorList">
                        @forelse($otherAuthors as $otherAuthor)
                        <div class="d-flex justify-content-between align-items-center my-3 author-item ">
                            <div class="authorimage me-2">
                                <img src="{{ $otherAuthor['image'] ?: 'https://secure.gravatar.com/avatar/615683a0b03b2b689d297037bd47700b586fd4a72ed713209c880eb8b35a6c6a?s=115&d=mm&r=g' }}" alt="{{ $otherAuthor['dispaly_name'] }}" width="80" height="80" class="h-auto rounded-circle border border-danger border-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>{{ $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 py-2 small text-pre small-btn">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>
                    <!-- Load More Button -->
                    <div class="text-center mt-3">
                        @if(count($otherAuthors) < $limit)
                            <!-- Hide button if no more authors -->
                            @else
                            <button wire:click="loadMoreAuthors" class="btn btn-primary mb-3 rounded-4">
                                और देखे
                            </button>
                            @endif
                    </div>
                    <div class="boxnews">
                        <span class="h4 fw-bold heading-bdr-left my-3 position-relative leftzero"> प्राइस प्रेडिक्शन <i class="fa-solid fa-arrow-right-long"></i></span>
                        @php
                        $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" {{ URL::to('/'.$first->alias) }}" title="{{ $first->title }}">
                                <img width="300" height="167" src="{{ $first->image }}" class="w-100 h-auto rounded-2 position-relative wp-post-image" alt="{{ $first->img_alt_title }}"> </a>
                            <div class="card-body py-2 px-1">
                                <a href="{{ URL::to('/'.$first->alias) }}"
                                    class="two-line-text text-washedblack 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-2 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->name ?? ucfirst(str_replace('-', ' ', $first->author_name)) }}
                                    </a>

                                    <span class="small ps-1">
                                        {{ $first['publishedAt'] ? date('F j, Y', $first['publishedAt']) : '' }}
                                    </span>
                                </div>

                                <div class="d-flex align-items-center">
                                    <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="300" height="167"
                                            src="{{ $item->image }}"
                                            class="w-100 h-auto rounded-2 position-relative"
                                            alt="{{ $item->title }}">
                                        <span class="d-none">{{ $item->title }}</span>
                                    </a>

                                    {{-- LIKE + SHARE --}}
                                    <div class="position-absolute top-1 end-1 bg-white rounded-4 px-1 d-flex align-items-center fs-13 lh-1">
                                        <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">

                                        <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 one-line-text"
                                            title="{{ $item->postAuthor->name ?? ucfirst(str_replace('-', ' ', $item->postAuthor->dispaly_name)) }}">
                                            {{ $item->postAuthor->name ?? ucfirst(str_replace('-', ' ', $item->postAuthor->dispaly_name)) }}
                                        </a>

                                        <span class="small ps-1 one-line-text">
                                            {{ $item['publishedAt'] ? date('F j, Y', $item['publishedAt']) : '' }}
                                        </span>

                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>

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