{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content.row-left')

{{-- Dashboard Agent --}}
@include($components_path.'.tryingCallback')

<span class="font-size-h6 font-weight-bold ml-n4" style="color: #354052"> Informações de Hoje </span>

<div class="row mt-4">
    <div class="col">
        @include($components_path.'.ligacoesAtend', ['class' => 'card-stretch gutter-b scale-anim'])
    </div>

    <div class="col">
        @include($components_path.'.pausasRealizadas', ['class' => 'card-stretch gutter-b scale-anim'])
    </div>

    <div class="col">
        @include($components_path.'.minAtend', ['class' => 'card-stretch gutter-b scale-anim'])
    </div>

    <div class="col">
        @include($components_path.'.minEmPausa', ['class' => 'card-stretch gutter-b border-10 scale-anim'])
    </div>
</div>

<div class="row">
    <div class="col">
        @include($components_path.'.callInfoModal')
        @include($components_path.'.ultimosAtend', ['class' => 'card-stretch gutter-b border'])
    </div>
</div>
@endsection

@section('content.row-right')

{{-- Dashboard Agent -> Agent Info --}}

<div class="row mt-4 border-left no-mobile-border">
    <div class="col col-md-12">
        @include($components_path.'.rightBarUserHeader', ['class' => 'card-stretch gutter-b ff-raleway'])
    </div>
    {{-- TODO: Unhide when "Informativo Semanal" function is done
        <div class="col ml-0 ml-lg-6">
            @include($components_path.'.rightBarInfoSemanal', ['class' => 'card-stretch gutter-b ff-raleway hover-icon'])
        </div>
    --}}

    <div class="col">
        @include($components_path.'.rightBarMsgGestor', ['class' => 'card-stretch gutter-b ff-raleway'])
    </div>
</div>

@endsection

{{-- Scripts Section --}}
@section('scripts')
<script src="{{ asset('js/pages/widgets.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/custom/includes/headerDashAgent.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/custom/agent/dashboard/'.env('APP_ENV_LOCALE').'/index.js') }}" type="text/javascript"></script>

<!-- Minified JS -->
<!-- <script src="{{ asset('js/custom/agent/dashboard/index.min.js') }}" type="text/javascript"></script>  -->
@endsection