@extends('templates._single')

@section('html.head.title', 'News Hub -')

@section('main')
    @include('sections.banner', ['background' => '', 'space_class'=>'xlg-pt4 pt3 pb3'])
        @include('atoms.heading_group', [
            'title' => (new \App\Models\Posts\Post)->getContentTypeTitle()
        ])

        <div class="dynamic-container">
            <div class="clearfix dynamic-col-0 py3 md-py2">
	            @if(count($categories) > 0)
                <div class="col col-12 md-col-6 md-pr3  montserrat">
                    @include('sections.news-category-select')
                </div>
	            @endif

                <div class="col col-12 md-col-6 pt2 md-pt0 {{ count($categories) > 0?'md-pl3':'' }}">
                    @include('sections.subscribe', ["style" => "-news-header"])
                </div>
            </div>
        </div>

    @include('sections.banner_CLOSE')

    @if($posts->currentPage() == 1 && !isset($category))
        <section class="latest-post">
            @include('sections.banner', [
                'space_class' => 'mt0 pt1 pb2',
                'text_color' => '-dark-text',
                'bg_color_class' => '-lightness-1',
                'background' => ''
            ])
            <div class="dynamic-container">
                @if(count($posts) > 0)
                    @include('sections.post_preview', ["post" => $posts[0]])
                @endif
            </div>
            @include('sections.banner_CLOSE')
        </section>
    @else
        <div class="mt1"><!-- --></div>
    @endif

    @if(count($posts) > 0)
        <section class="posts-group pt2">
            <div class="dynamic-container">
                @foreach($posts as $key => $post)
                    @if($key != 0 || $posts->currentPage() > 1 || isset($category))
                        @include('sections.post_preview', ["post" => $post])
                    @endif
                @endforeach
            </div>
        </section>

        <div class="bg-lightness-1 mt3">
            <div class="dynamic-container py3">
                @include('atoms.pagination', $pagination = $posts)
            </div>
        </div>
    @else
        <h1 class="py4 mb3 center">No posts could be found</h1>
    @endif
@endsection