<?php $__env->startSection('content'); ?>

<!-- BEGIN PAGE CONTENT BODY -->
<div class="page-content" style="background:#ffffff;">
    <div class="container-fluid" style="background:#ffffff;">

        <!-- BEGIN PAGE BREADCRUMBS -->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <span>Dashboard</span>
            </li>
        </ul>
        <!-- END PAGE BREADCRUMBS -->
        <div class="row">
            <div class='col-md-12'>
                <h2 class="font-blue-madison" data-tour-title="Dashboard" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Esse é o seu dashboard, aqui você pode acompanhar as informações da sua conta." data-tour-index="1"><strong>ÁREA DO CLIENTE TW SOLUTIONS</strong></h2>
                Resolva tudo o que você precisa!
                <br/><br/><br/>
            </div>
            <div class='col-md-8'>
                <div class="row">
                    <div class="col-md-6">
                            <div class="panel dashboard" data-tour-title="Seu Plano" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui você pode visualizar o seu plano." data-tour-index="2">
                                <div class="panel-dashboard">
                                    <h2 class="panel-title" style="font-size: 24px;"><strong><i class="fa fa-phone-square"></i> Plano Atual</strong></h2>
                                </div>

                                <div class="panel-body">
                                    <div class="row">
                                        <div class='col-md-12'>
                                            Olá, <?php echo e(Auth::user()->name); ?> seja bem vindo!

                                            <h5>Seu plano atual é:</h5>
                                            
                                            <h5><strong><?php echo e($payment->description); ?></strong></h5>
                                            
                                            <h4>
                                                Modalidade:
                                                <strong>
                                                    <?php if($customer->type_account == 'prepago'): ?>
                                                        Pré Pago
                                                    <?php else: ?>
                                                        Pós Pago
                                                    <?php endif; ?>
                                                </strong>
                                            </h4>

                                            <p>&nbsp;</p>

                                            <?php /*

                                            <h5>Valor: <strong><?php echo e(financialPrice($payment->price)); ?></strong>* </h5>

                                            <h6>* aproximado sem consumo</h6>    

                                            */ ?>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="panel dashboard"  data-tour-title="Última Fatura" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui você poderá visualizar a sua fatura e emitir a sefunda via." data-tour-index="3">
                                <div class="panel-dashboard">
                                    <h2 class="panel-title" style="font-size: 24px;"><strong><i class="glyphicon glyphicon-usd"></i> Última Fatura</strong></h2>
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class='col-md-12'>
                                            <?php if($qtdPedidos > 0): ?>
                                                <?php foreach($ordered as $order): ?>
                                                    <div class='col-md-6'>
                                                        <h4 class="<?php echo e($order->class); ?>">
                                                            <strong>
                                                                <?php echo e(financialPrice($orderedAmount[$order->id])); ?>

                                                            </strong>
                                                        </h4>
                                                        <sub class="<?php echo e($order->class); ?>"><?php echo e($order->status); ?></sub>
                                                        <h5>Vencimento: <?php echo e($order->data_vencimento); ?></h5>
                                                        <h5>Próxima Fatura: <?php echo e(dateToBR($payment->data_vencimento)); ?></h5>
                                                    </div>
                                                    <br>
                                                <?php endforeach; ?>
                                                <span class=" col-md-2"></span>
                                                <a href="<?php echo e($faturaAtual->secure_url); ?>" class="icon-btn icon-btn2 col-md-3" style="border-radius: 8px !important;">
                                                    <i class="glyphicon glyphicon-barcode blue-madison"></i>
                                                    <div class="font-blue-madison"><u>Pagar Fatura</u> </div>
                                                </a>
                                                <br/><br/><br/><br/><br/>
                                                <span class=" col-md-2"></span>
                                                <a href="<?php echo e(route('report.financial')); ?>" class="icon-btn icon-btn2 col-md-3"style="border-radius: 8px !important;">
                                                    <i class="fa fa-dollar"  class="blue-madison"></i>
                                                    <div class="font-blue-madison"><u>2ª via da conta</u></div>
                                                </a> 
                                            <?php else: ?>
                                                <h4>Não existem registros financeiros!</h4>
                                            <?php endif; ?>    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                </div>
                <?php if($contaAtiva == 'yes'): ?>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel dashboard" data-tour-title="Produtos/Serviços" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui são listados os seus produtos e serviços contratados." data-tour-index="4">
                                <div class="panel-dashboard">
                                    <h2 class="panel-title" style="font-size: 24px;"><strong><i class="fa fa-cart-plus"></i> Meus Produtos/Serviços</strong></h2>
                                </div>
                                <div class="panel-body" style="min-height:10px;">
                                    <div class="row">
                                        <div class='col-md-12'>
                                            <?php if(empty($servicos) and empty($produtos)): ?>
                                                <h4>Não existe produtos/serviços contratados</h4>
                                            <?php else: ?>
                                                <?php foreach($servicos as $servico): ?>
                                                    <i class="fa fa-list-alt" style="color:#578ebe; padding: 5px;"></i><?php echo e($servico->nome_servico); ?><br>
                                                <?php endforeach; ?>
                                                <?php foreach($produtos as $produto): ?>
                                                    <i class="fa fa-phone" style="color:#578ebe; padding: 5px;"></i><?php echo e($produto->nome_produto); ?><br>
                                                <?php endforeach; ?>
                                            <?php endif; ?>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endif; ?>
            </div>

            <div class='col-md-4'>
                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <div class="portlet box blue-madison" data-tour-title="Contas Sip" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui estão listadas as suas contas sip, para visualizar basta clicar na seta." data-tour-index="5">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-phone-square"></i> Minhas Contas
                                    </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="expand"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display:none;">
                                    <div class="panel-group accordion" id="accordion1">
                                        <?php foreach($contas as $key => $conta): ?>
                                            <div class="panel panel-default">
                                                <div class="panel-heading">
                                                    <h4 class="panel-title"> 
                                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_<?php echo e($key); ?>" style="border-radius: 8px !important;"> <?php echo e($conta['servico']); ?> </a>
                                                    </h4>
                                                </div>
                                                <div id="collapse_<?php echo e($key); ?>" class="panel-collapse collapse">
                                                    <div class="panel-body">
                                                        Formato de Envio: <strong>0+DDD+NÚMERO</strong><BR/>
                                                        Domínio: <strong><?php echo e($conta['accountDetails']->dominio); ?></strong><br/>
                                                        Senha: <strong><?php echo e($conta['accountDetails']->senha); ?></strong><br/>
                                                        Codec: <strong>G729</strong><BR/>
                                                        <?php if($conta['statusAccount']->lista_informacoes_status): ?>
                                                            Logado com : <strong><?php echo e($conta['statusAccount']->lista_informacoes_status[0]->user_agent); ?></strong><BR/>
                                                        <?php endif; ?>
                                                        <?php if($conta['statusAccount']->registrado): ?>
                                                            <span class="fa fa-circle font-green-jungle"> REGISTRO OK </span><br>
                                                        <?php else: ?> 
                                                            <span class="fa fa-circle font-red"> SEM REGISTRO</span><br>
                                                        <?php endif; ?>
                                                        <?php if($customer->type_account =='prepago'): ?>
                                                            Saldo: <strong><?php echo e(financialPrice($conta['accountDetails']->saldo)); ?></strong>
                                                            <hr>
                                                            <div>
                                                                <h5 style="font-weight:bold">Alerta de saldo</h5>
                                                                <p>Insira abaixo o valor que você deseja receber um alerta de saldo em seu e-mail.</p>
                                                                <?php echo Form::open(['route' => 'dashboard.accountvoip', 'method' => 'post', 'class' => 'formAlertSaldo']); ?>

                                                                    <div class="portlet-body">
                                                                        <div class="note">
                                                                            <input type="hidden" name="service" value="<?php echo e($conta['servico']); ?>">
                                                                            <input type="text" class="form-control" name="warning_balance" value="<?php echo e(formatMoney($conta['accountDetails']->aviso_saldo_valor)); ?>" placeholder="Exemplo: 5,00">
                                                                            <span class="help-block">R$ 0,00 = Alerta Desativado</span>
                                                                        </div>
                                                                        <button class="btn blue-madison" id="balance-button">Salvar</button>
                                                                    </div>
                                                                <?php echo Form::close(); ?>

                                                            </div>
                                                        <?php endif; ?>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <div class="portlet box blue-madison" data-tour-title="Contas Sip" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui você tem acesso aos serviços como Recarga Online(Clientes Pré Pagos)e Detalhamento de Consumo" data-tour-index="6">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="glyphicon glyphicon-share-alt"></i> Acesso Rápido
                                    </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="expand"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display:none;">
                                    <div class="row">
                                        <div class='col-md-12'>
                                            <?php if($customer->type_account == 'prepago'): ?>
                                                <a href="<?php echo e(route('recarga')); ?>" class="icon-btn icon-btn2 col-md-4" style="border-radius: 8px !important;">
                                                    <i class="glyphicon glyphicon-phone"></i>
                                                    <div> Recarga Online </div>
                                                </a>
                                            <?php endif; ?>
                                            <a href="javascript:alert('Em Breve!')" class="icon-btn icon-btn2 col-md-4" style="border-radius: 8px !important;">
                                                <i class="glyphicon glyphicon-phone"></i>
                                                <div> Compra de <br/>Pacotes </div>
                                            </a>
                                            <a href="<?php echo e(route('report.cdr')); ?>" class="icon-btn icon-btn2 col-md-4" style="border-radius: 8px !important;">
                                                <i class="fa fa-bar-chart-o"></i>
                                                <div> Detalhamento <br/>de Consumo<br/> </div>
                                            </a> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <div class="portlet box blue-madison" data-tour-title="Problemas Técnicos?" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Este é um atalho para o setor de duporte e nossos manuais." data-tour-index="7">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="glyphicon glyphicon-wrench"></i> Problemas Técnicos?
                                    </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="expand"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display:none;">
                                    <div class="row">
                                        <div class='col-md-12'>
                                            <a href="<?php echo e(route('suporte')); ?>" class="icon-btn icon-btn2 col-md-3" style="border-radius: 8px !important">
                                                <i class="fa fa-ticket"></i>
                                                <div> Equipe de Suporte </div>
                                            </a>
                                            <span class=" col-md-1"></span>
                                            <a href="http://wiki.twsolutions.com.br" target="_blank" class="icon-btn icon-btn2 col-md-3" style="border-radius: 8px !important">
                                                <i class="fa fa-book"></i>
                                                <div> Manuais de Utilização </div>
                                            </a>
                                            <span class=" col-md-1"></span>
                                            <a href="http://wiki.twsolutions.com.br" target="_blank" class="icon-btn icon-btn2 col-md-3" style="border-radius: 8px !important">
                                                <i class="glyphicon glyphicon-question-sign"></i>
                                                <div> Dúvidas Frequentes </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <div class="portlet box blue-madison" data-tour-title="Telefones Úteis" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'><br/>Ligando *901 você pode falar com a equipe do Suporte.<br/>Já ligando para *900 você pode consultar seu saldo de créditos" data-tour-index="8">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-phone-square"></i> Números de Atendimento
                                    </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="expand"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display:none;">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h5>Para atendimento disque:</h5>
                                            <strong>*901</strong>
                                        </div>
                                        <div class="col-md-6">
                                            <h5>Para ouvir seu saldo disque:</h5>
                                            <strong>*900</strong>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-12">
                            <div class="portlet box blue-madison" data-tour-title="Downloads" data-tour-description="<img src='<?php echo e(asset('assets/images/wally.png')); ?>' alt='Wally' class='wally'>Aqui você poderá efetuar o download do seu <a href='https://wiki.twsolutions.com.br/ferramentas-tw/tw-softphone/' target='_blank'>Softfone</a>!" data-tour-index="9">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-download"></i> Baixe aqui seu Softfone
                                    </div>
                                    <div class="tools">
                                        <a href="javascript:;" class="expand"> </a>
                                    </div>
                                </div>
                                <div class="portlet-body" style="display:none;">
                                    <div class="panel-body" style="min-height:110px;">
                                        <div class="row">
											<?php /*
											<div class="col-md-12">
                                                <a href="https://chrome.google.com/webstore/detail/softphone-tw-solutions/gpccapkgngokgmehjfjljgnbkkekbida" class="btn btn-lg blue-madison col-md-12 popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Download do Softphone da TwSolutions para Windows" style="border-radius: 8px !important;">
                                                    <i class="fa fa-chrome"></i> Instalação para Google Chrome 
                                                </a>
                                            </div>
											*/ ?>
                                            <div class="col-md-12">
                                                <a href="downloads.twsolutions.com.br/Softphones/softphone-CONTATESTE.exe" target="_blank" class="btn btn-lg blue-madison col-md-5 popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Download do Softphone da TwSolutions para Windows" style="border-radius: 8px !important;">
                                                    <i class="fa fa-windows"></i> 
                                                    <br/> Windows
                                                </a>
                                                <span class="col-md-2"></span>
                                                <a href="http://www.zoiper.com/en/voip-softphone/download/zoiper3" target="_blank" class="btn btn-lg blue-madison col-md-5 popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Download do Softphone Zoiper para Linux" style="border-radius: 8px !important;">
                                                    <i class="fa fa-linux"></i> 
                                                    <br/> Linux
                                                </a>
                                            </div>
                                            <p>&nbsp;</p>
                                            <div class="col-md-12">
                                                <a href="http://www.zoiper.com/en/voip-softphone/download/zoiper3" target="_blank" class="btn btn-lg blue-madison col-md-5 popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Download do Softphone Zoiper para Mac" style="border-radius: 8px !important;">
                                                    <i class="fa fa-apple"></i> 
                                                    <br/> Apple
                                                </a>
                                                <span class="col-md-2"></span>
                                                <a href="https://play.google.com/store/apps/details?id=com.grandstream.wave&hl=pt_BR" target="_blank" class="btn btn-lg blue-madison col-md-5 popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Download do Softphone dispositivos Android" style="border-radius: 8px !important;">
                                                    <i class="fa fa-apple"></i> 
                                                    <br/> Android
                                                </a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- END PAGE CONTENT INNER -->
</div>
<!-- END PAGE CONTENT INNER -->
</div>
</div>    

<!-- END PAGE CONTENT BODY -->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-dashboard'); ?>
<style>
.dashboard{
    margin-top: 10px;
    border-radius: 5px !important;
    border-color: #578ebe;
}

.dashboard .panel-dashboard{
    padding: 10px;
    background-color: #ffffff;
    text-transform: uppercase;        
    margin: -20px auto;
    width: 65%;
    text-align: center;
    color: #578ebe;
}
.dashboard .panel-body{
    padding: 20px;
}

</style>

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="https://js.iugu.com/v2"></script>
<script type="text/javascript" src="https://www.telefoniacorporativa.com.br/iugu/assets/formatter.js"></script>
<script type="text/javascript" src="https://www.telefoniacorporativa.com.br/iugu/assets/checkout.js"></script>
<link href="<?php echo e(asset('/assets/global/css/components.min.css')); ?>" rel="stylesheet" id="style_components" type="text/css" />
<script src="<?php echo e(asset('/assets/global/plugins/jquery.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/plugins/jquery.blockui.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/plugins/jquery.mask.min.js')); ?>" type="text/javascript"></script>

<?php /* <script src="https://hml01.telefoniacorporativa.com.br/assets/pages/scripts/ui-blockui.min.js" type="text/javascript"></script> */ ?>
<script>
    $(document).ready(function() { 
        $('input:text[name="warning_balance"]').blur(function() {
            $('#balance-button').prop("disabled", false);
        }).mask('##0,00', {reverse: true});

        $("input:radio[name=recarga]").click(function() {
            $('#iugu-button').prop("disabled", false);
        });           

        <?php if(empty($customer->mobile)): ?>
        $("#preencher_cadastro").click();
        <?php endif; ?>
    });

    $('.formAlertSaldo').submit(function(){
        $.blockUI({ message: 'Aguarde <img src="/assets/global/img/loading.gif">' });
    });

    function search_zipcode(id) { 
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        })

        $.ajax({ 
            type: "GET", 
            url: '<?php echo e(route('register.zipcode')); ?>', 
            data: {zip_code: $('#zip_code').val()}, 
            success: function(data) { 
                var json = JSON.parse(data);
                console.log(json); 

                $("#address_"+id).val(json.logradouro);
                $("#neighborhood_"+id).val(json.bairro);
                $("#city_"+id).val(json.localidade);
                $("#state_"+id).val(json.uf);
                $("#code_"+id).val(json.ibge);
            } 
        });
    }

    function metodo_pagamento(pg){

        if(pg =='boleto'){
            swal({"title":"Atenção!","text":"Pagamentos realizados com boleto serão creditados após a liberação do banco, no primeiro dia útil seguinte ao do pagamento!","showConfirmButton":true,"type":"info"});
            $("#btn_boleto").removeClass( 'grey-cascade' );
            $("#btn_boleto").addClass( 'blue-madison' );
            $("#btn_cc").removeClass( 'blue-madison' );
            $("#btn_cc").addClass( 'grey-cascade' );
            $(".usable-creditcard-form").hide("slow");
            $(".msg-boleto").show("slow");
            $("#credit-card-checkbox").prop("checked", false);
            $("#bank-slip-checkbox").click();
        }

        if(pg =='cc'){
            swal({"title":"Atenção!","text":"Pagamentos realizados com cartão serão creditados em até 30 minutos!","showConfirmButton":true,"type":"info"});
            $("#btn_boleto").removeClass( 'blue-madison' );
            $("#btn_boleto").addClass( 'grey-cascade' );
            $("#btn_cc").removeClass( 'grey-cascade' );
            $("#btn_cc").addClass( 'blue-madison' );
            $(".usable-creditcard-form").show("slow");
            $(".msg-boleto").hide("slow");
            $("#bank-slip-checkbox").prop("checked", false);
            $("#credit-card-checkbox").click();
        }

    }
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>