{{-- Atendimento Inbound --}}
<div class="row p-0">
    <div class="col paddingLeft992PxSize">
        @include('pages.components.cards.atendimento.ribeirao.infoUser', [
            'class' => 'card-stretch gutter-b scale-anim',
        ])
    </div>

    <div class="col paddingLeftEnderecoBox500PxSize">
        @include('pages.components.cards.atendimento.ribeirao.infoPlano', [
            'class' => 'card-stretch gutter-b scale-anim',
        ])
    </div>

    <div class="col paddingLeftMobile788PxSize">
        @include('pages.components.cards.atendimento.ribeirao.infoCall', [
            'class' => 'card-stretch gutter-b scale-anim',
        ])
    </div>
</div>

<div class="buttonRender d-lg-none">
    <div class="row align-content-start paddingLeft992PxSize">
        <div class="card-button col flex-fill pr-0">
            <span class="font-size-h2 font-weight-bold ml-1">Ações</span>
        </div>

        <div class="card-button col-6 col-sm-3 paddingLeftRemove992PxSize addPaddingRightCall">
            @include('pages.components.cards.atendimento.btn_finalChamada', [
                'class' => 'card-stretch gutter-b scale-anim',
            ])
        </div>

        <div class="card-button col-6 col-sm-3">
            @include('pages.components.cards.atendimento.btn_finalPausando', [
                'class' => 'card-stretch gutter-b scale-anim',
            ])
        </div>
        <!-- btn: Transfer Call -->
        <div class="card-button col-6 col-sm-3 removePaddingLeftCall addPaddingRightCall">
            @include('pages.components.cards.atendimento.btn_transferChamada', [
                'class' => 'card-stretch gutter-b scale-anim',
            ])
        </div>
        <div class="card-button col-6 col-sm-3">
            @include('pages.components.cards.atendimento.btn_transferChamadaCegas', [
                'class' => 'card-stretch gutter-b scale-anim',
            ])
        </div>



        <!-- <div class="card-button col">
        <span class="font-size-h2 font-weight-bold mb-5">&nbsp;</span>
        @include('pages.components.cards.atendimento.btn_retencao', [
            'class' => 'card-stretch gutter-b scale-anim',
        ])
    </div> -->
    </div>
</div>

<div class="row callBackThrown paddingLeft992PxSize">
    <div class="col-12 col-sm-6 paddingLeftRemove992PxSize">
        @include('pages.components.cards.atendimento.filasTempoReal', [
            'class' => 'card-stretch gutter-b scale-anim',
        ])
    </div>
    <div class="{{ Metronic::printClasses('content-container', false) }} p-lg-0 pl-0 col-12 col-sm-6">
        {{-- Atendimento Agente -> Protocolos --}}

        <div>
            <div class="col paddingLeftRemove992PxSize paddingRightRemove992PxSize">
                @include('pages.components.cards.atendimento.protocolosAgent', [
                    'class' => 'card-stretch gutter-b scale-anim',
                ])
            </div>
        </div>
    </div>
</div>