@if ($item->html->count() == 0)
    {{-- Aucun HMTL associé --}}
    @component('components.cards.empty')
        <p class="mb-0 h5">
            {!! trans('labels.LbTitleHtmlAssociatedSurveys') !!}<br>
            @can('surveys_edit')
            <a href="{{ route('surveys_edit', ['id' => $item->id]) }}"
                class="btn btn-sm btn-primary mt-2">{{ trans('labels.LbTitleHtmlAssociatedWithSurveys') }}</a>
            @endcan
        </p>
    @endcomponent
@else
    @component('components.cards.card', ['title' => trans('labels.LbSubtitleSurveysHtml1')])
        {{-- HTML associé --}}
        @foreach ($item->html as $html)
            <div class="d-flex flex-column flex-sm-row">
                <div class="p-2 ps-0">
                    <span class="title">{{ $html->name }}</span>
                </div>
                <div class="p-2">
                    {!! App\DgcHelpers::getBadge($html->status, trans('bdd.htmls.status.enums')) !!}
                </div>
                @isset($html->published_at)
                    <div class="p-2 pe-0">
                        <span class="dgc-smalldate">
                            {{ trans('labels.LbTitlePublicationDate', ['date' => $html->published_at->format('d/m/Y')]) }}
                        </span>
                    </div>
                @endisset
                <div class="p-2 ms-auto">
                    @can('surveys_export')
                        @isset($html->published_at)
                            @component('components.buttons.html_export_results',['htmlId'=> $html->id])@endcomponent
                        @endisset
                    @endcan

                    @can('htmls_index')
                    <a href="{{ route('htmls_index', ['id' => $html->id]) }}"
                        class="btn btn-sm btn-outline-primary mx-1" data-bs-toggle="tooltip"
                        data-bs-placement="top"
                        data-bs-title="{{ trans('labels.LbSurveyHtml') }}">{!! config('dgc-icons.file-html') !!}</a>
                    @endcan
                    @component('components.buttons.html_test',['htmlId'=> $html->id, 'survey' => $item])@endcomponent
                   <!-- @component('components.buttons.html_generate_screenshot',['htmlId'=> $html->id])@endcomponent
                    @component('components.buttons.html_export_structure',['htmlId'=> $html->id])@endcomponent -->
                </div>
            </div>
        @endforeach
    @endcomponent
@endif