@extends(themeView('master'))
@section('meta-tags')
    @if (isset($category) && $category->seo != null)
        @include(themeView('partials.static-meta'), ['page' => $category])
    @else
        @include(themeView('partials.meta-tags'))
    @endif
    @if (isset($category->schemaSript))
        <script type="application/ld+json">
            {!! $category->schemaSript->script !!}
        </script>
    @endif
@endsection

@section('content')
    <section class="page-box">
        <div class="page-bg">
            @if (isset($category->featured_image))
                <img src="{{ $category->image }}" alt="{{ $category->name }}">
            @else
                <img src="{{ themePath('images/slide-02.jpg') }}" alt="{{ $category->name }}">
            @endif
            <div class="container page-info">
                <div class="row title-row">
                    <div class="items col-12">
                        <h1 class="titles text-center section-title wow animate__animated animate__fadeIn">
                            {{ $category->name }}
                        </h1>
                        <ul class="breadcrumbs m-auto float-none d-table wow animate__animated animate__fadeIn">
                            <li class="first">
                                <a href="{{ route('frontend.home') }}" title="Home">Home</a>
                            </li>
                            <li class="active">{{ $category->name }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="detail-section news-articles">
        <div class="container">
            <div class="recent-updates">
                <div class="row about-row normal-post">
                    @foreach ($newsData as $post)
                        <div class="items col-4">
                            <div class="post-items">
                                <a @if(isset($post->permalink) && $post->permalink !== null ) href="{{ $post->permalink }}" @else href="{{ route('frontend.news-detail', ['id' => $post->id, 'slug' => $post->slug]) }}" @endif
                                    title="{{ $post->title }}">
                                    <figure class="article-img">
                                        <img src="{{ imageThumb('400X540', $post->featured_image, $post->id) }}"
                                            alt="{{ $post->title }}">
                                        <span class="play-icon fal fa-play"></span>
                                    </figure>

                                    <h2 class="titles post-title">
                                        {{ $post->title }}
                                    </h2>
                                    <span class="btn rounded-btn outline-btn">Watch Video</span>
                                </a>
                            </div>
                        </div>
                    @endforeach
                </div>
                @include (themeView('partials.pagination'), ['pagination' => $newsData])
            </div>
        </div>
    </section>
@endsection