@php
$page_title = Route::currentRouteName();
@endphp

<div class="card card-custom bg-white {{ @$class }} border-15 shadow">
    {{-- Body --}}
    <div class="card-body d-flex align-items-center flex-column p-8">

        <div class="w-100">
            <span class="h3 font-weight d-flex align-items-center">
                <span class="fw-bold">Informações Chamadas</span>
            </span>
        </div>

        <span class="w-100 d-block my-3 border-top border-3"></span>

        <div class="d-flex flex-center flex-row mt-5 text-center w-100">
            <!-- <img class="rounded-circle mt-n1" src="{{ asset('img/icon/call.png') }}" alt="Call icon" draggable="false" style="height: 44px;"> -->

            <h1 id="card-counter-atendimento" class="font-weight-bold" style="font-size:3rem;">
                @if ($page_title == 'agente.index')
                <span id="duration">00:00:00</span>
                @else
                <span class="hour">00</span>:<span class="min">00</span>:<span class="sec">00</span>
                @endif
            </h1>
        </div>
        <span class="text-center mb-5" id="tipo_call">Receptivo</span>

        <div class="d-flex flex-column my-5 text-left w-100">
            <span class="font-size-h6 mb-7 tel_tipo_add" style="line-height: 1.3em;">
                <span class="font-weight-bold font-size-h3">Tipo Atendimento</span><br>
            </span>
           
            <span class="font-size-h6" style="line-height: 1.3em;">
                <span class="font-weight-bold font-size-h3">Fila Atendimento</span><br>
                <span id="queue">Compra e Venda</span>
            </span>
        </div>
    </div>
</div>