@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-6">
        {{-- 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-6">
        <x-dgcls-load-content :params="$params" view="details" />
    </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