@component('components.cards.status', ['color'=> $item->status ])
  <div class="d-flex align-items-center justify-content-between">
    <div class="flex-grow-0 me-2">
      <span class="badge rounded-pill dgc-badge-status-{{$item->status}}">{!! App\DgcHelpers::getStatusValues(trans('bdd.htmls.status')['enums'])[$item->status] !!}</span>
    </div>
    <h4 class="dgc-status-title mb-0 flex-grow-1">
      {{$item->name}}
      @if(isset($item->survey->name))
          <a href="{{route('surveys_detail',['id'=>$item->survey->id])}}" class="badge bg-light text-decoration-none text-dark dgc-survey-date ms-2">
            {!! $item->survey->name !!}
          </a>
      @else
          <span class="badge bg-danger">{{trans('labels.LbNotAssocied')}}</span>
      @endif
    </h4>
    <div class="ms-auto text-end">
      @component('components.buttons.html_test',['htmlId'=> $item->id, 'survey' => $item->survey])@endcomponent
     <!-- @component('components.buttons.html_generate_screenshot',['htmlId'=> $item->id])@endcomponent
      @component('components.buttons.html_export_structure',['htmlId'=> $item->id])@endcomponent -->
    </div>
  </div>
@endcomponent

{{-- Pré-rendu d ela vue --}}
<section style="height:60vh">
  @component('components.cards.card', ['class' => 'mb-4','title'=>trans('labels.LbHtmlPrerender')])
          {!! Blade::render($contents) !!}
  @endcomponent
  @component('components.cards.alert',['icon'=>'eyeglasses'])
  {!! trans('labels.LbHtmlPrerenderInfo') !!}
  @endcomponent
</section>