@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')

    {{-- 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('listings.legend')

    {{-- Include de la card listing --}}
    <div class="row">
        @foreach($listing as $item)
            <div class="col-12">
                @component('components.cards.status',['color'=>$item->trashed() ? 'danger' : 'success','classBody'=>'d-flex align-items-center'])
                    @include('listings-details.survey-type')
                    <div>
                        @can('survey-types_edit')
                        <a href="{{route('survey-types_edit',['id'=>$item->id])}}">
                            {!! config('dgc-icons.edit') !!}
                        </a>
                        @endcan
                    </div>
                @endcomponent
            </div>
        @endforeach
    </div>

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

{{-- 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