@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-press-release');
    @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>
        <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-12">
                    <div class="d-flex my-3 mb-sm-2 justify-content-end align-items-center">
                        <select class="form-select m-1 py-2 w-fit form-control" wire:model.live="selectedid"
                            wire:key="select-input-{{ $selectedid }}" id="filter-category-type">
                            <option value="">Select Category</option>
                            @foreach($channelList as $tag)
                                <option value="{{ $tag->id }}">{{ $tag->title }}</option>
                            @endforeach
                        </select>
                        <input class="form-control m-1 py-2 w-fit" placeholder="Search By Title..." type="text"
                            wire:model.lazy="searchKeyword">
                        <div class="d-flex align-items-center justify-content-center">
                            <button class="btn btn-primary py-1 m-1" wire:click="applySearch">
                                <i class="fa fa-search fs-6"></i>
                            </button>
                            <button class="btn btn-danger py-1 m-1" wire:click="resetSearch">
                                <i class="fa fa-refresh fs-6"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                @forelse($newsList['data'] as $news)
                <div class="col-md-5th mb-md-2">
                    <div class="card">

                        {{-- CARD HEADER WITH IMAGE --}}
                        <div class="card-header p-0 border-0">
                            <a href="{{ URL($news['alias']) }}" class="text-dark text-decoration-none me-2 lh-normal like-btn"
                                title="{{ $news['title'] }}">
                                @php
                                $altText = trim($news['img_alt_title'] ?? '') !== ''
                                ? $news['img_alt_title']
                                : $news['title'];
                                @endphp

                                <img src="{{ $news['image'] }}"
                                    class="img-fluid rounded-top w-100"
                                    alt="{{ $altText }}" height="132" width="238">
                                <span class="d-none">{{ $news['title'] }}</span>
                            </a>
                        </div>

                        {{-- CARD BODY WITH TITLE --}}
                        <div class="card-body px-2 py-1">
                            <span class="two-lines-text text-paragraph fs-15 fw-bold">
                                <a href="{{ URL($news['alias']) }}" class="text-dark text-decoration-none me-2 lh-normal like-btn"
                                    title="{{ $news['title'] }}">
                                    {{ $news['title'] }}
                                </a>
                            </span>
                        </div>

                        {{-- CARD FOOTER --}}
                        <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">

                            {{-- AUTHOR + TIME --}}
                            <div class="d-flex gap-1">
                                <a href="{{ URL('crypto-web3-blockchain-author-detail/'.$news['post_author']['slug']) }}" class="text-paragraph fw-semibold text-decoration-none text-capitalize fs-12 border-end pe-1 one-line-text"
                                    title="By: {{ $news['post_author']['dispaly_name'] }}">
                                    {{ Str::limit($news['post_author']['dispaly_name'] ?? 'Admin', 8) }}
                                </a>

                                <span class="fs-12 one-line-text d-inline-block">
                                    {{ \Carbon\Carbon::parse($news['publishedAt'])->diffForHumans() }}
                                </span>
                            </div>

                            {{-- LIKE + SHARE --}}
                            <div>
                                <div class="d-flex align-items-center">
                                    {{-- LIKE BUTTON --}}
                                    <x-like-card
                                        :id="$news['id'] ?? ''"
                                        :type="'news'"
                                        :likeCount="$news['likes_counts'] ?? 0" />

                                    {{-- SHARE BUTTON --}}
                                    <button class="text-dark text-decoration-none lh-normal share-btn border-0 bg-transparent"
                                        data-url="{{ URL($news['alias']) }}" data-bs-toggle="modal" data-bs-target="#shareModal" title="Share"
                                        wire:click="setShareUrl('{{ URL($news['alias']) }}')">
                                        <i class="fa-solid fa-share"></i>
                                        <span class="d-none">Share Button</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                  @empty
                    <p class="text-center text-muted">No news available.</p>
                @endforelse
                @if(!empty($newsList['next_page_url']))
                    <div class="col-12 text-center mb-4">
                        <button wire:click="loadMore" wire:loading.attr="disabled" class="btn btn-primary">
                            <span wire:loading.remove>Load More</span>
                            <span wire:loading>Loading...</span>
                        </button>
                    </div>
                @endif
            </div>
        </div>
    </section>
    @if(!empty($seoData['description']))
    <section class="bg-lightgrey p-4">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="details-page mainboxview p-4">
                        {!! $seoData['description'] !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    @endif

    <livewire:faq-section pageType="channel" />
</div>