@extends('layouts.web')

@section('head-js')
    <script src="{{ asset('js/web/pages/page.js') }}" defer></script>
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/page.css') }}">
@endsection

@section('content')
    @component('web.components.default.section', [
        'class' => 'page',
        ])
        @include(
            'web.components.layout.page_title',
            [
                'title' => $page->publication->title,
            ]
        )

        @includeWhen(
            $items->count() > 0,
            'web.components.pages.dynamic-page.menu'
        )

        <div class="@if ($items->count() > 0) col-lg-9 @else col-12 @endif">
            <article class="page__content">
                {!! $page->publication->content !!}
            </article>
        </div>
    @endcomponent

    @includeWhen(
        $page->gallery_count > 0,
        'web.components.default.publication.publication_gallery',
        [
            'slide' => [
                'class' => 'page-splide mt-5',
                'id' => 'gallery',
                'slides' => $page->gallery_count,
            ],
            'medias' => $page->gallery,
        ]
    )
@endsection