@component('open._layouts.app', [
    'title' => $page->name,
    'meta' => $page->meta(),
])
    <section class="page-detail">
        {{ Breadcrumbs::render('page', $page) }}

        <section class="container row page-detail-container">
            <div class="row">
                <div class="col col-2 placeholder"></div>
                <div class="col col-8 content">
                    <article class="with-corner">
                        <header>
                            <h1>{{ $page->name }}</h1>
                            @if($page->description)
                                <p>
                                    <strong>
                                        {{ $page->description }}
                                    </strong>
                                </p>
                            @endif
                            @if($image = $page->getFirstMedia('featured'))
                                <figure>
                                    <img src="{{ $image->getUrl('cover') }}" alt="{{ $image->name }}">
                                </figure>
                            @endif
                        </header>

                        @if($page->technical_name == 'governance' && !empty($dedicatedPages['governance']['administrators']) && !empty($dedicatedPages['governance']['directors']))
                            <section>
                                <h2>@lang('pages.governance.directors')</h2>
                                @include('open.pages._partials.humansListWithModal', ['humans' => $dedicatedPages['governance']['directors']])
                            </section>
                            <section>
                                <h2>@lang('pages.governance.administrators')</h2>
                                @include('open.pages._partials.humansListWithModal', ['humans' => $dedicatedPages['governance']['administrators']])
                            </section>
                        @endif

                        <section class="u-mb32 s-wysiwyg">
                            {!! $page->content !!}
                        </section>
                        @if($downloadButtonFragment)
                            @include('open._fragments.downloadButton')
                        @endif
                        @if(!$files->isEmpty())
                            @include('open._layouts._partials.listFiles')
                        @endif
                    </article>
                </div>
                <div class="col col-2 placeholder"></div>
            </div>
        </section>

        @if($page->technical_name == 'timeline')
                        <section class="timeline-container" style="margin-top: -100px;">
                <ul class="container">
                    @foreach($times as $time)
                        <li>
                            <div>
                                <h3>{{ $time }}</h3>
                                <p>@lang('timeline.' . $time)</p>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </section>
        @endif

        @if(!$relatedArticles->isEmpty())
            @include('open._layouts._partials.sliderWidget', ['articles'=>$relatedArticles])
        @endif
    </section>
@endcomponent