@extends('template')

@section('content')

<!-- BEGIN PAGE CONTENT BODY -->
<div class="page-content">
    <div class="container-fluid">

        <!-- BEGIN PAGE BREADCRUMBS -->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <span>Dashboard</span>
            </li>
        </ul>
        <!-- END PAGE BREADCRUMBS -->

        <!-- BEGIN PAGE CONTENT INNER -->
        <div class="page-content-inner">
            <!-- BEGIN PAGE CONTENT INNER -->
            <div class="page-content-inner">
                @if($agenteCadastroIncompleto)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group col-md-12" style="">
                                    <div class="portlet box red-intense">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                Complete seu cadastro!
                                            </div>
                                        </div>
                                        <div class="portlet-body" >
                                            <div class="panel-group accordion">
                                                <div style="width:100%;">
                                                    <h4 class="widget-thumb-heading">
                                                        Para concretizar seu cadastro como agente autorizado complete seu  dados. 
                                                        <a class="btn green" href="{{ route('admin.users.perfil') }}">
                                                            <i class="icon-user"></i> Meu Perfil
                                                        </a>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                @if($agenteContratoAssinar)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group col-md-12" style="">
                                    <div class="portlet box red-intense">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                Contrato pendete de Assinatura!
                                            </div>
                                        </div>
                                        <div class="portlet-body" >
                                            <div class="panel-group accordion">
                                                <div style="width:100%;">
                                                    <h4 class="widget-thumb-heading">
                                                        Visualise assine seu contrato de agente autorizado.
                                                        <a class="btn green" href="{{ route('admin.agentes.assinarcontrato') }}">
                                                             Ver Contrato
                                                        </a>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if(routeAcess('admin.reports.vendas.resumo'))
                    <div class="row">
                    @if($statusServiceIugu)
                        <div class="col-md-8">
                    @else
                        <div class="col-md-12">
                    @endif
                            <div class="row">
                                <div class="form-group col-md-12" style="min-height:300px !important;">
                                    <div class="portlet box blue-madison">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-bar-chart-o"></i>Resumo de vendas (Por Vendedor) 
                                            </div>
                                        </div>
                                        <div class="portlet-body" style="min-height: 197px">
                                            <div class="panel-group accordion">
                                                <div id="resumo_venda_mensal" style="width:100%;height:296px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if($statusServiceIugu)
                            <div class="form-group col-md-4" style="min-height:300px !important;">
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="fa fa-cogs"></i>Status Serviços
                                        </div>
                                    </div>
                                    <div class="portlet-body" style="min-height: 345px">
                                        <div class="panel-group accordion">
                                            <div class="col-md-12">
                                                <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                    <div class="widget-thumb-wrap">
                                                        <div class="widget-thumb-body">
                                                            <h4>Iugu: 
                                                                @if(isset($statusServiceIugu->success) and $statusServiceIugu->success == true)
                                                                    <i class="fa fa-circle font-green popovers"> Funcionando</i>
                                                                @else
                                                                    <i class="fa fa-circle font-red popovers"> Fora do Ar</i>
                                                                @endif
                                                            </h4>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group col-md-8" style="min-height:300px !important;">
                                    <div class="portlet box blue-madison">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-bar-chart-o"></i>Resumo mensal de vendas (Representantes)
                                            </div>
                                        </div>
                                        <div class="portlet-body" style="min-height: 197px">
                                            <div class="panel-group accordion">
                                                <div id="resumo_venda_representantes" style="width:100%;height:296px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-md-4" style="min-height:300px !important;">
                                    <div class="portlet box blue-madison">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-dollar"></i>Resumo Total de Vendas 
                                            </div>
                                        </div>
                                        <div class="portlet-body" style="min-height: 345px">
                                            <div class="panel-group accordion">
                                                <div class="col-md-12">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Resumo do Mês</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <div class="widget-thumb-body">
                                                                <p>
                                                                    <b>Total de Vendas:</b>
                                                                    <span class="" data-counter="counterup" data-value="{{$totalVendas['qtd']}}">0</span>
                                                                </p>
                                                                <p>
                                                                    <b>Total em Vendas:</b>
                                                                    R$ <span class="" data-counter="counterup" data-value="{{ $totalVendas['valor'] }}">0</span>
                                                                </p>
                                                                <p>&nbsp</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if($exibeComissao)
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="form-group col-md-8" style="min-height:300px !important;">
                                    <div class="portlet box blue-madison">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-bar-chart-o"></i>Resumo mensal de Vendas (Geral)
                                            </div>
                                        </div>
                                        <div class="portlet-body" style="min-height: 320px">
                                            <div class="panel-group accordion">
                                                <div class="col-md-12" id="highchart_3" style="width:100%;height:296px;"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group col-md-4" style="min-height:300px !important;">
                                    <div class="portlet box blue-madison">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-dollar"></i>Resumo para este mês
                                            </div>
                                        </div>
                                        <div class="portlet-body" style="min-height: 320px">
                                            <div class="panel-group accordion">
                                                <div class="col-md-12">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Resumo do Mês</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <div class="widget-thumb-body">
                                                                <p>
                                                                    <b>Total de Vendas:</b>
                                                                    <span class="" data-counter="counterup" data-value="{{$vendas->qtd}}">0</span>
                                                                </p>

                                                                <p>
                                                                    <b>Total em Vendas:</b>
                                                                    R$ <span class="" data-counter="counterup" data-value="{{ $vendas->valor }}">0</span>
                                                                </p>

                                                                <p>
                                                                    <b>Total em Comissões:</b>
                                                                    R$ <span class="" data-counter="counterup" data-value="{{ $vendas->comissoes }}">0</span>
                                                                </p>

                                                                <p>&nbsp</p>

                                                                <p align="center">
                                                                    <a href="{{ route('admin.historico.comissao') }}" class="btn blue-madison">Histórico de Comissões</a>
                                                                </p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
                
                @if(routeAcess('admin.reports.customers'))
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="form-group col-md-8" style="min-height:300px !important;">
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="fa fa-bar-chart-o"></i>Fluxo de Cadastro de Clientes 
                                        </div>
                                    </div>
                                    <div class="portlet-body" style="min-height: 197px">
                                        <div class="panel-group accordion">
                                            <div id="highchart_1" style="width:100%;height:296px;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-md-4" >
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="fa fa-user"></i>Clientes 
                                        </div>
                                    </div>
                                    <div class="portlet-body" style="min-height: 346px">
                                        <div class="panel-group accordion">
                                            <div class="col-sm-6">
                                                <!-- BEGIN WIDGET THUMB -->
                                                <a class="text-decoration-none"  href="{{ route('admin.reports.customers') }}">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Contas Ativas</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <i class="widget-thumb-icon bg-green-haze icon-users"></i>
                                                            <div class="widget-thumb-body">
                                                                <span class="widget-thumb-subtitle">Total</span>
                                                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $contas_ativas->qtd }}">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                                <!-- END WIDGET THUMB -->
                                            </div>
                                            <div class="col-sm-6">
                                                <!-- BEGIN WIDGET THUMB -->
                                                <a class="text-decoration-none"  href="{{ route('admin.reports.customers') }}">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Planos Grátis</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <i class="widget-thumb-icon bg-warning icon-users"></i>
                                                            <div class="widget-thumb-body">
                                                                <span class="widget-thumb-subtitle">Total</span>
                                                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $contas_gratis->qtd }}">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                                <!-- END WIDGET THUMB -->
                                            </div>
                                            <div class="col-sm-6">
                                                <!-- BEGIN WIDGET THUMB -->
                                                <a class="text-decoration-none"  href="{{ route('admin.reports.customers') }}">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Planos Grátis Expirados</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <i class="widget-thumb-icon bg-purple icon-users"></i>
                                                            <div class="widget-thumb-body">
                                                                <span class="widget-thumb-subtitle">Total</span>
                                                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $vendas->qtd }}">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                                <!-- END WIDGET THUMB -->
                                            </div>
                                            <div class="col-sm-6">
                                                <!-- BEGIN WIDGET THUMB -->
                                                <a class="text-decoration-none"  href="{{ route('admin.reports.customers') }}">
                                                    <div class="widget-thumb widget-bg-color-white text-uppercase margin-bottom-20 ">
                                                        <h4 class="widget-thumb-heading">Clientes Bloqueados</h4>
                                                        <div class="widget-thumb-wrap">
                                                            <i class="widget-thumb-icon bg-red icon-users"></i>
                                                            <div class="widget-thumb-body">
                                                                <span class="widget-thumb-subtitle">Total</span>
                                                                <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $contas_expiradas->qtd }}">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </a>
                                                <!-- END WIDGET THUMB -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                @if(routeAcess('admin.reports.financial'))
                <div class="row">
                    <div class="form-group col-md-8">
                        <div class="portlet box blue-madison">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-bar-chart-o"></i> Finanças 
                                </div>
                            </div>
                            <div class="portlet-body" style="height:430px;">
                                <div class="panel-group accordion">
                                    <div class="col-md-12">
                                        <div id="highchart_2" style="width:100%;height:410px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group col-md-4">
                        <div class="portlet box blue-madison">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-money"></i> Pagamentos 
                                </div>
                            </div>
                            <div class="portlet-body" style="height:430px;">
                                <div class="panel-group accordion">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <a class="dashboard-stat dashboard-stat-v2 green-haze" href="{{ route('admin.reports.financial') }}">
                                                    <div class="visual">
                                                        <i class="fa fa-shopping-cart"></i>
                                                    </div>
                                                    <div class="details">
                                                        <div class="number">
                                                            R$ <span data-value="{{$mensalidades_pagas->total}}" data-counter="counterup">0</span>
                                                        </div>
                                                        <div class="desc"> Mensalidades Pagas </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>

                                        <br/>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <a class="dashboard-stat dashboard-stat-v2 blue" href="{{ route('admin.reports.financial') }}">
                                                    <div class="visual">
                                                        <i class="fa fa-shopping-cart"></i>
                                                    </div>
                                                    <div class="details">
                                                        <div class="number">
                                                            R$ <span data-value="{{$mensalidades_pendentes->total}}" data-counter="counterup">0</span>
                                                        </div>
                                                        <div class="desc"> Mensalidades Pendentes </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>

                                        <br/>

                                        <div class="row">
                                            <div class="col-md-12">
                                                <a class="dashboard-stat dashboard-stat-v2 red" href="{{ route('admin.reports.financial') }}">
                                                    <div class="visual">
                                                        <i class="fa fa-shopping-cart"></i>
                                                    </div>
                                                    <div class="details">
                                                        <div class="number">
                                                            R$ <span data-value="{{$mensalidades_vencidas->total}}" data-counter="counterup">0</span>
                                                        </div>
                                                        <div class="desc"> Mensalidades Vencidas </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
                @if(routeAcess('admin.dids'))
                <div class="row">
                    <div class="form-group col-md-12">
                        <div class="portlet box blue-madison">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-phone"></i> Dids 
                                </div>
                            </div>
                            <div class="portlet-body" style="min-height: 197px">
                                <!-- BEGIN WIDGET THUMB -->
                                <div class="widget-thumb col-md-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Dids cadastrados</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-dark fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{$numeros->total}}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->

                                <div class="widget-thumb col-md-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Números disponíveis</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-blue fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{$numeros->disponivel}}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->

                                <!-- BEGIN WIDGET THUMB -->
                                <div class="widget-thumb col-sm-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Números em Uso</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-green-jungle fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $numeros->em_uso }}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->
                                <!-- BEGIN WIDGET THUMB -->
                                <div class="widget-thumb col-sm-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Dids Reservados</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-yellow-crusta fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{$numeros->reservado}}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->

                                <div class="widget-thumb col-sm-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Dids Inativos</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-grey-salt fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{$numeros->inativo}}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->

                                <!-- BEGIN WIDGET THUMB -->
                                <div class="widget-thumb col-sm-2 widget-bg-color-white text-uppercase margin-bottom-20 ">
                                    <h4 class="widget-thumb-heading">Dids em Quarentena</h4>
                                    <div class="widget-thumb-wrap">
                                        <i class="widget-thumb-icon bg-red fa fa-phone"></i>
                                        <div class="widget-thumb-body">
                                            <span class="widget-thumb-subtitle">Total</span>
                                            <span class="widget-thumb-body-stat" data-counter="counterup" data-value="{{ $numeros->quarentena }}">0</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- END WIDGET THUMB -->
                            </div>
                        </div>
                    </div>
                </div>
                @endif

            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
        <!-- END PAGE CONTENT INNER -->
    </div>
</div>
<!-- END PAGE CONTENT BODY -->
@stop()

@section('js-admin-dashboard')
<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/counterup/jquery.waypoints.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/counterup/jquery.counterup.min.js') }}" type="text/javascript"></script>


<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css" />
<script src="../assets/global/plugins/morris/morris.min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/morris/raphael-min.js" type="text/javascript"></script>
<script src="../assets/global/plugins/echarts/echarts.js" type="text/javascript"></script>
<!--script src="../assets/pages/scripts/charts-echarts.min.js" type="text/javascript"></script-->

    <!-- 
    ****************************************************************************
    *                                HIGHCHARTS                                *
    ****************************************************************************
-->
<script src="{{ asset('/assets/global/plugins/highcharts5.12/highcharts.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/highcharts5.12/modules/exporting.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/highcharts5.12/highcharts-3d.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/highcharts5.12/highcharts-more.js') }}" type="text/javascript"></script>

<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<script type="text/javascript">
    var filtercontato = "meses"
    var filterpagamentos = "meses"
    var hChartContatos;
    var hChartPagamentos;
    var hChartComissoes;
        // ****************************************************************************
        // *                         FORMATAÇÃO MONETARIO                             *
        // ****************************************************************************
        Highcharts.setOptions({
            lang: {
              decimalPoint: '.',
              thousandsSep: ','
          }
      });

        $(document).ready(function(){
            getGraph(filtercontato,filterpagamentos,false);
        });

        getGraph = function(contatoFiltro,pagamentoFiltro,update,year){
            $.ajax({ 
                type: "GET", 
                url: "{{ route('admin.dashboard.graphs') }}", 
                data: {contatos: contatoFiltro,pagamentos: pagamentoFiltro,update:update,year:year},
                dataType: "JSON", 
                success: function(data) { 
                    if(update == 'contatos' || !update){
                        var contatosHighchartsSetup = JSON.parse(data.contatosHighchartsSetup.replace(/&quot;/g,'"'));
                        $.each(contatosHighchartsSetup.exporting.buttons.contextButton.menuItems,function(idx, menu){
                            contatosHighchartsSetup.exporting.buttons.contextButton.menuItems[idx].onclick = new Function(menu.onclick);
                        });
                        hChartContatos = Highcharts.chart('highchart_1',contatosHighchartsSetup);
                    }
                    if(update == 'pagamentos' || !update){
                        var pagamentosHighchartsSetup = JSON.parse(data.pagamentosHighchartsSetup.replace(/&quot;/g,'"'));
                        $.each(pagamentosHighchartsSetup.exporting.buttons.contextButton.menuItems,function(idx, menu){
                            pagamentosHighchartsSetup.exporting.buttons.contextButton.menuItems[idx].onclick = new Function(menu.onclick);
                        });
                        console.log('pagamentosHighchartsSetup', pagamentosHighchartsSetup);
                        hChartPagamentos = Highcharts.chart('highchart_2',pagamentosHighchartsSetup);                
                    }
                    if(update == 'comissoes' || !update){
                        var comissoesHighchartsSetup = JSON.parse(data.comissoesHighchartsSetup.replace(/&quot;/g,'"'));
                        hChartComissoes = Highcharts.chart('highchart_3',comissoesHighchartsSetup);
                    }   
                    
                } 
            });
        }
        filterContatos = function(year){
            filtercontato = "meses";
            getGraph(filtercontato,filterpagamentos,'contatos',year);
        }
        filterPagamentos = function(year){
            filterpagamentos = "meses";
            getGraph(filtercontato,filterpagamentos,'pagamentos',year);
        }
        filterByDaysContatos = function(){
            filtercontato = "dias";
            getGraph(filtercontato,filterpagamentos,'contatos');
        }
        filterByDaysPagamentos = function(){
            filterpagamentos = "dias";
            getGraph(filtercontato,filterpagamentos,'pagamentos');
        }
        

        jQuery(document).ready(function() {
            // ECHARTS
            require.config({
                paths: {
                    echarts: '../assets/global/plugins/echarts/'
                }
            });

            require(
                [
                'echarts',
                'echarts/chart/bar'
                ],
                function(ec) {

                    var myChart = ec.init(document.getElementById('resumo_venda_mensal'));
                    myChart.setOption({
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            data: ['Qtd. Vendas', 'Faturamento']
                        },
                        toolbox: {
                            show: true,
                            feature: {
                                restore: {
                                    show: true
                                },
                                saveAsImage: {
                                    show: true
                                }
                            }
                        },
                        calculable: true,
                        xAxis: [{
                            type: 'category',
                            data: [ {!! $consultores_nom !!} ]
                        }],
                        yAxis: [{
                            type: 'value',
                            splitArea: {
                                show: true
                            }
                        }],
                        series: [{
                            name: 'Qtd. Vendas',
                            type: 'bar',
                            data: [{!! $consultores_qtd !!}]
                        }, {
                            name: 'Faturamento',
                            type: 'bar',
                            data: [{!! $consultores_vlr !!}]
                        }]
                    });
                }
            );
        });

        jQuery(document).ready(function() {
            // ECHARTS
            require.config({
                paths: {
                    echarts: '../assets/global/plugins/echarts/'
                }
            });

            require(
                [
                'echarts',
                'echarts/chart/bar'
                ],
                function(ec) {

                    var myChart = ec.init(document.getElementById('resumo_venda_representantes'));
                    myChart.setOption({
                        tooltip: {
                            trigger: 'axis'
                        },
                        legend: {
                            data: ['Qtd. Vendas', 'Faturamento']
                        },
                        toolbox: {
                            show: true,
                            feature: {
                                restore: {
                                    show: true
                                },
                                saveAsImage: {
                                    show: true
                                }
                            }
                        },
                        calculable: true,
                        xAxis: [{
                            type: 'category',
                            data: [ {!! $representantes_nom !!} ]
                        }],
                        yAxis: [{
                            type: 'value',
                            splitArea: {
                                show: true
                            }
                        }],
                        series: [{
                            name: 'Qtd. Vendas',
                            type: 'bar',
                            data: [{!! $representantes_qtd !!}]
                        }, {
                            name: 'Faturamento',
                            type: 'bar',
                            data: [{!! $representantes_vlr !!}]
                        }]
                    });
                }
                );
        });
</script>

@if ($faturasRisco)
    <style rel="stylesheet">
        /* STYLE DO POP DE FATURAS DE RISCO */
        .title-pedfat {
            margin-top: 0;
        }
        .tb-ped {
            font-size: 16px;
            margin: 0 auto;
        }
        .tb-ped td:last-child {
            padding-left: 10px;
        }
        .tb-ped td {
            text-align: left;
        }
        /* FIM */
    </style>

    <script>
        const faturasRisco = {!! $faturasRisco !!};
        if (faturasRisco.length) {
            setTimeout(() => swal({
                title: '<h3 class="title-pedfat">Faturas em Risco</h3>',
                text: `
                <table class="tb-ped">
                    <tbody>
                        ${faturasRisco.map(f => `
                            <tr>
                                <td>${f.cliente_id}</td>
                                <td>${f.cliente_name}</td>
                            </tr>`
                        ).join('')}
                    </tbody>
                </table>`,
                html: true
            }), 2000);
        }
    </script>
@endif


@stop()