{{-- Informations sur les dates --}}
<div class="d-flex align-items-center justify-content-between flex-wrap mb-3">
    
    @if ($item->survey_type->form == 1)
        <span class="badge bg-light text-dark dgc-survey-date m-1" data-bs-title="{{ trans('labels.LbStudyTooltipQuiz1') }}" data-bs-toggle="tooltip" data-bs-placement="bottom">
            {!! config('dgc-icons.file-fill') !!}
            {!! trans_choice('labels.LbSubtitleSurveysQuestionnaires1', $item->get_number_completed, ['nb' => DgcHelpers::instance()->frenchNumber($item->get_number_completed)]) !!}
        </span>
        <span class="badge bg-light text-dark dgc-survey-date m-1" data-bs-title="{{ trans('labels.LbStudyTooltipQuiz2') }}" data-bs-toggle="tooltip" data-bs-placement="bottom">
            {!! config('dgc-icons.file') !!}
            {!! trans_choice('labels.LbSubtitleSurveysQuestionnairesPartial1', $item->get_number_partial, ['nb' => DgcHelpers::instance()->frenchNumber($item->get_number_partial)]) !!}
        </span>
    @endif
    @if ($item->survey_type->html == 1)
        <span class="badge bg-light text-dark dgc-survey-date m-1" data-bs-title="{{ trans('labels.LbStudyTooltipView1') }}" data-bs-toggle="tooltip" data-bs-placement="bottom">
            {!! config('dgc-icons.file-html') !!}
            {!! trans_choice('labels.LbSubtitleSurveysViews1', $item->get_number_views, ['nb' => DgcHelpers::instance()->frenchNumber($item->get_number_views)]) !!}
        </span>
        <span class="badge bg-light text-dark dgc-survey-date m-1" data-bs-title="{{ trans('labels.LbStudyTooltipClic1') }}" data-bs-toggle="tooltip" data-bs-placement="bottom">
            {!! config('dgc-icons.hand') !!}
            {!! trans_choice('labels.LbSubtitleSurveysViews2', $item->get_number_clicks, ['nb' => DgcHelpers::instance()->frenchNumber($item->get_number_clicks)]) !!}
        </span>
    @endif
    <span class="badge bg-light text-dark dgc-survey-date m-1" data-bs-title="{{ trans('labels.LbStudyTooltipParticipant1') }}" data-bs-toggle="tooltip" data-bs-placement="bottom">
        {!! config('dgc-icons.person-add') !!}
        {!! trans_choice('labels.LbSubtitleSurveysRespondents1', $item->get_number_respondent, ['nb' => DgcHelpers::instance()->frenchNumber($item->get_number_respondent)]) !!}
    </span>
</div>
<div class="d-flex align-items-center justify-content-start flex-wrap">
    <div class="col mb-2">
        <small class="d-block text-muted mb-1"><b>{{ trans('labels.LbSubtitleStudiesDates1') }}</b></small>
        <span class="badge bg-light text-dark dgc-survey-date">
            {!! config('dgc-icons.calendar') !!}
            @if(!is_null($item->ended_at))
            {{ date('d/m/Y', strtotime($item->started_at)) }} - {{ date('d/m/Y', strtotime($item->ended_at)) }}
            @else
            {{ trans('labels.LbSurveyStartDate')." ".date('d/m/Y', strtotime($item->started_at)) }}
            @endif
        </span>
    </div>
    <div class="col mb-2">
        <small class="d-block text-muted mb-1"><b>{{ trans('bdd.common.created_at.s') }}</b></small>
        <span class="badge bg-light text-dark dgc-survey-date">
            {!! config('dgc-icons.add') !!}
            {{ date('d/m/Y H:i', strtotime($item->created_at)) }}
        </span>
    </div>
    <div class="col mb-2">
        <small class="d-block text-muted mb-1"><b>{{ trans('bdd.common.updated_at.s') }}</b></small>
        <span class="badge bg-light text-dark dgc-survey-date">
            {!! config('dgc-icons.edit') !!}
            {{ date('d/m/Y H:i', strtotime($item->updated_at)) }}
        </span>
    </div>
   <!-- <div class="col mb-2">
        <small class="d-block text-muted mb-1"><b>{{ trans('bdd.survey-types.items.s.access_from_elp') }}</b></small>
        <span class="badge @if($item->survey_type->access_from_elp == 1) bg-warning @else bg-light @endif text-dark">
            {!! config('dgc-icons.house-add') !!}
            {{ trans('bdd.survey-types.items.enums.'.$item->survey_type->access_from_elp) }}
        </span>
    </div> -->
</div>