@if(count($din_header) <= 1)
    <div class="row">
        <div class="col-9 mt-4">
            <h5>Não há Filas ...</h5>
        </div>
        <div class="col-3">
            <h6 class="text-right">
                <small>Última atualização {{$atualizacao_hora->format("d/m/Y \à\s H:i:s")}}</small>
            </h6>
        </div>
    </div>
@else
    <div class="mb-3">
        <h6 class="text-right">
            <small>Última atualização {{$atualizacao_hora->format("d/m/Y \à\s H:i:s")}}</small>
        </h6>
    </div>
    <div class="table-responsive">
        <table class="table table-bordered table-active table-sm " id="agora-table">
            <thead>
            @if($din_header)
                <tr>
                    <th class="th-area">Canal</th>
                    <th class="th-operation">Agrupamento</th>
                    <th class="segment-visible">Visão</th>
                    <th class="skill">Skill</th>
                    @forelse($din_header as $v)
                        <th class="eps_col"
                            @if($v == 'Total')
                            data-toggle="tooltip" data-placement="top" title="<i class='fas fa-clock'></i> <br>
                                @foreach($atualizacao_eps as $at)
                            <span class='pull-left'>{{$at[0]->callcenter}}</span><span class='m-l-10 pull-right'>{{ $at[0]->atualizacaoEPS->format("d/m/Y \à\s H:i:s") }}</span><br>
                                @endforeach
                            "
                            @elseif(isset($atualizacao_eps[$v]))
                            data-toggle="tooltip" data-placement="top"
                            title="<i class='fas fa-clock'></i> {{$atualizacao_eps[$v][0]->atualizacaoEPS->format("d/m/Y \à\s H:i:s") }}"
                            @endif
                        >
                            {{$v}}
                        </th>
                    @empty
                    @endforelse
                </tr>
            @endif
            </thead>
            <tbody>
                {{-- @dd($fila_agora) --}}
            @foreach($fila_agora as $row)
                @php
                    $master_parent = "$row->areaID-$row->operationID-$row->segmentID";
                    $skill_row = trim($row->skill)=='Total' ?'':'skill-row';
                    $background = "background:{$row->HexAreaOperation};";
                    $font_color = "color: {$row->HexFont} !important;";
                    $toggle_skill = trim($row->segment) == 'Total'?'':'toggle-skill';
                @endphp
                <tr class="{{$skill_row}} {{ trim($row->segment) == 'Total'? 'trTotalValue' : 'details-row-visible' }}"
                    data-ids="{{$master_parent}}">
                    <td class="area" style="{{$background . $font_color}}">
                        {{$row->area}}
                    </td>
                    <td class="operation" style="{{$background . $font_color}}">
                        <span class="d-none">{{$row->area}}</span>
                        {{$row->operation}}
                    </td>
                    <td class="segment-visible {{$toggle_skill}}" style="{{$background . $font_color}}"
                        id="segment-visible-{{$row->areaID}}-{{$row->operationID}}-{{$row->segmentID}}">
                        <span class="d-none">{{$row->area.$row->operation}}</span>
                        {{$row->segment}}
                        @if($toggle_skill != '')
                            <i class="ti-angle-right pull-right"></i>
                        @endif
                    </td>
                    <td class="skill" style="{{$background . $font_color}}">
                        {{ html_entity_decode($row->skill) }}
                    </td>
                    @foreach($din_header as $h_col)
                        @if(!empty($row->{"fila_$h_col"}))
                            <td class="eps_col">
                                <div
                                    class="text-right eps-value {{ $row->alertacor ? "blink-" . strtolower($row->alertacor) : "" }}">
                                    <strong class="float-left text-left">
                                        {{ $row->{"fila_$h_col"} }}
                                    </strong>&nbsp;&nbsp;
                                    <span class="time">{{ gmdate("H:i:s", $row->{"tempo_$h_col"}) }}</span>
                                </div>
                            </td>
                        @else
                            <td class="text-right eps_col">&nbsp;</td>
                        @endif
                    @endforeach
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endif