@php
    use Illuminate\Support\Collection;
    /** @var Collection $data */
    $totalCards = request()->cookie('callflow_total_cards');
    $faleconosco_label = 'Fale Conosco';
@endphp
<div id="callflow-carousel" class="carousel slide mt-3">
    <div class="carousel-inner">
        @forelse($data->chunk(empty($totalCards) ? 9 : $totalCards) as $k => $group)
            <div
                class="carousel-item{{ request()->cookie('callflow_slide') == 'enable' ? '' : '-disable' }} {{ $k ? '' : 'active' }}">
                <div class="row">
                    @foreach ($group as $label => $card)
                        @if (isset($card->groupBy('Segment')['Total']))
                            @include('realtime.callflow.partials.cards.card-item', [
                                'time' => $time,
                                'label' => $label,
                                'forget' => $forget,
                                'segments' =>
                                    $label == $faleconosco_label
                                        ? $card->groupBy(['Segment', 'filter'])
                                        : $card->groupBy('Segment'),
                                'header' => $card->groupBy('Segment')['Total']->first(),
                                'header_id' => uniqid(),
                                'fn_null_zero' => function ($value) {
                                    return $value == 'null' ? 0 : $value;
                                },
                                'fn_seconds_to_time' => function ($seconds) {
                                    return gmdate('H:i:s', $seconds);
                                },
                            ])
                        @endif
                    @endforeach
                </div>
            </div>
        @empty
            <div class="card">
                <div class="card-body">
                    <div class="alert alert-warning mt-3" role="alert">
                        <strong>Atenção!</strong> Não há nenhum dado para exibição.
                    </div>
                </div>
            </div>
        @endforelse
    </div>
</div>