@extends('layouts.full')

{{-- TITRE DE PAGE --}}
@section('title')
    <x-dgcls-title :params="$params" :listing="$listing"/>
    <x-dgcls-filter :params="$params"/>
@endsection

{{-- ACTION SUR LA PAGE --}}
@section('actions')
    {{-- Include du champ de recherche --}}
    <x-dgcls-search-field :params="$params" />
    {{-- Include des boutons du header --}}
    <x-dgcls-header-buttons :params="$params"/>
@endsection

@section('content-main')

<div class="row">
    <div class="col-12 col-lg-5">
        {{-- Include du titre --}}
        @if(isset($search))
        <h2 class="dgc-listing-search-result">
            <x-dgcls-title-search :params="$params" :listing="$listing" :search="$search"/>
        </h2>
        @endif

        {{-- Include de la card listing --}}
        <div class="card mb-4">
            <div class="table-responsive">
                <x-dgcls-table :params="$params" :listing="$listing" littleListWithDetail="true"/>
            </div>
        </div>
        {{-- Include de la pagination --}}
        <x-dgcls-pagination :params="$params" :listing="$listing" />
    </div>
    <div class="col-12 col-lg-7">
        @if(request()->get('id'))
            <x-dgcls-load-content :params="$params" view="details" />
        @else
            @component('components.fullcalendar.calendar',[
                'class'=>'dgcproduct',
                'url'=>route("products_calendar"),
                'publicholiday'=>route("publicholiday"),
                'options' => [
                    'initialView'=>'dgcSixWeek',
                    'height'=>'70vh',
                ],
                'views'=>array(
                    'dgc-six-week'=>[
                        'type'=>'timelineWeek',
                        'duration'=>['week'=>8],
                        'slotDuration'=>['week'=>1],
                        'slotLabelFormat'=>[
                            ['month'=>'long', 'year'=>'numeric'],
                            ['week'=>'short'],
                        ],
                    ],
                ),
            ])
            @endcomponent
        @endif
    </div>
</div>

{{-- Include des modals --}}
<x-dgcls-modal-danger />
{{-- Include de la modal load content --}}
<x-dgcls-modal-load-content />

{{-- Include de la modal filter --}}
<x-dgcls-modal-filter :params="$params" />

@endsection