@extends('layouts.main')

@section('main')
    <article id="article-main">
        <header>
            @if (empty($bundle->metadata()->get('hide_title')))
                <h1>{{ $articleTitle }}</h1>
            @endif

            @if(!empty($mainLink))
            <p><a
                href="{!! $mainLink['finalUrl'] !!}"
                rel="{!! $mainLink['rel'] !!}"
                class="{!! $mainLink['classes'] !!}"
                title="{!! $mainLink['title'] !!}">{!! $mainLink['url'] !!}</a></p>
            @endif

            @if (!empty($date))
                <time datetime="{{ $date->toIso8601String() }}">{{ $date->isoFormat('LL') }}</time>
            @endif

            @if (!empty($cover))
                {!! $cover !!}
            @endif
        </header>

        @if (!empty($body) || (isset($showToc) && $showToc))
            <section id="article-body">
                @if(isset($showToc) && $showToc)
                <details class="drop down">
                    <summary>Sommaire</summary>
                    <nav>
                        @include('components.table-of-contents', ['toc' => $dossier->getDirectChildren()])
                    </nav>
                </details>
                @endif

                {!! $body !!}

                @if(isset($showToc) && $showToc)
                <details class="drop up">
                    <summary>Sommaire</summary>
                    <nav>
                        @include('components.table-of-contents', ['toc' => $dossier->getDirectChildren()])
                    </nav>
                </details>
                @endif
            </section>
        @endif
    </article>

    @if (!empty($pagination['items']))
        <x-pagination :data="$pagination" />
    @endif
@endsection