@push('metadata')
    @php
        $pageId = $seoData['id'];
        $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
    @push('pageId')
        <script>
            window.pageId = "{{ $pageId ?? '' }}";
        </script>
    @endpush
    <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')}}" />
    <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 name="twitter:title" content="{{ @$mTitle }}" />
    <meta name="twitter:description" content="{{ @$mDescr }}" />
    <meta name="twitter:url" content="{{ @$mUrl }}" />
    <meta name="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="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="{{ URL::to('/') }}" title="Home">Home</a> <i
                        class="fas fa-chevron-right small text-dark mx-2"></i></li>
                <li>{{ $seoData['breadcrumb'] ?: 'Channel' }}</li>
            </ul>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-xl-7 col-lg-7">
                    <div class="d-flex flex-wrap flex-sm-nowrap">
                        <select class="form-select  form-control m-1" 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 type="text" class="form-control m-1" placeholder="Search articles..."
                            wire:model.lazy="search" wire:key="search-input-">
                        <button wire:click="applySearch" class="btn mainbluebtn rounded-4 m-1"><i
                                class="fa-solid fa-magnifying-glass me-2"></i>Search</button>
                        <button wire:click="resetSearch" class="btn mainbluebtn rounded-4 m-1"><i
                                class="fa-solid fa-arrows-rotate me-2"></i>Reset</button>
                    </div>
                </div>
            </div>
            <div class="row news-grid mt-4">
                @forelse ($newsList['data'] as $news)
                    <x-news-card :id="$news['id']" :title="$news['title']" :author="$news['post_author'] != null ? $news['post_author']['dispaly_name'] : $news['author_name']" :date="$news['publishedAt']"
                        :image="$news['image']" :description="$news['description']" :likes="$news['likes_counts']"
                        :slug="$news['alias']" :img_alt_title="$news['img_alt_title']"
                        :post_author="@$news['post_author']['slug'] " :isliked="$news['is_liked']" />
                @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" />

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