@extends('layouts.argo')
@section('content')
@if(!auth()->user()->isAdmin())
<div class="col">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <h2 class="text-center">Volume de Chamadas</h2>
                    <div>
                        {!! $chart->container() !!}
                        {!! $chart->script() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h2 class="text-center">Ramais</h2>
                    <div class="info">
                        <p><span>Em Uso: </span> {{ $ramalEmUso }}</p>
                        <p><span>Restantes: </span> {{ $ramalRestante }}</p>
                    </div>
                    <div>
                        {!! $chartRamal->container() !!}
                        {!! $chartRamal->script() !!}
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h2 class="text-center">Fila de Atendimento</h2>
                    <div class="info">
                        <p><span>Em Uso: </span> {{ $filaEmUso }} </p>
                        <p><span>Restantes: </span> {{ $filaRestante }}</p>
                    </div>
                    <div>
                        {!! $chartFila->container() !!}
                        {!! $chartFila->script() !!}
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-4">
            <div class="card">
                <div class="card-body">
                    <h2 class="text-center">Uras</h2>
                    <div class="info">
                        <p><span>Em Uso: </span> {{ $uraEmUso }} </p>
                        <p><span>Restantes: </span> {{ $uraRestante }}</p>
                    </div>
                    <div>
                        {!! $chartUra->container() !!}
                        {!! $chartUra->script() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal -->
{{-- Caso queira fazer testes é só trocar esses 2 if --}}
@if ($ramalEmUso == 0 && $totais['troncos'] > 0 && $totais['dids'] > 0)
{{-- @if (true) --}}
@can('wizard.index')
@include('wizard')
@endcan
@endif
@else
<div class="col">
    <div class="row">
        <div class="col-md-12">
            <div class="card bg-{{ session('template')->nome }}">
                <div class="card-body">
                    <h3 class="text-white">Pabx Virtual</h3>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h4 class="text-center">Painel de Gerenciamento do Pabx</h4>
                    <div>
                        <h5>Recursos do PABX</h5>
                        <ul>
                            <li>Transferência entre ramais</li>
                            <li>Encaminhamento de Chamadas</li>
                            <ul>
                                <li>Para outros ramais</li>
                                <li>Para correio de voz</li>
                                <li>Para número externo</li>
                            </ul>
                            <li>Conferência</li>
                            <li>URA</li>
                            <li>Fila de Atendimento</li>
                            <li>Regra de horário</li>
                            <li>Roteamento baseado em número entrante</li>
                        </ul>
                        
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card bg-{{ session('template')->nome }} text-white">
                <div class="card-body">
                    
                    <h4 class="text-white">Suporte Técnico</h4>
                    <div class="text-white">
                        <h5 class="text-white">Contatos</h5>
                        <ul>
                            <li>Telefones</li>
                            <ul>
                                <li>(11) 3181-8711</li>
                                <li>(18) 3300-0064</li>
                            </ul>
                            <li>Emergência</li>
                            <ul>
                                <li>(35) 9 9157-0244</li>
                                <li>(18) 3300-0064</li>
                            </ul>
                            
                            <li>Abertura de Chamados</li>
                            <ul>
                                <li><a target="_blank" href="http://brdticket.brdsoft.com.br">brdticket.brdsoft.com.br</a></li>
                            </ul>
                        </ul>
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    
    @can('hubspot.index')
    @if(count($registrosHubSpot))
    <div class="card bg-info">
        <div class="card-body">
            <p>Existem registro do Hubspot com erro</p>
            <a href="{{ route('hubspot.engajamentIndex') }}">Clique aqui para visualizar</a>
        </div>
    </div>
    @endif
    @endcan
    
    <div class="row">
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Clientes</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['clientes']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fas fa-users"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Administradores</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['admin']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fas fa-user-tie"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Integrações</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['integracao']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fas fa-sitemap"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Dids</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['dids']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fa fa-phone-volume"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Troncos</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['troncos']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fas fa-plug"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-xl-4 col-md-6">
            <div class="card card-stats">
                <!-- Card body -->
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <h5 class="card-title text-uppercase text-muted mb-0">Ramais</h5>
                            <span class="h2 font-weight-bold mb-0">{{ $totais['ramais']}}</span>
                        </div>
                        <div class="col-auto">
                            <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
                                <i class="fas fa-phone"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
    </div>
    
</div>
@endif
@endsection