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

<div class="page-content">
    <div class="container-fluid">
        <div class="page-content-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="portlet light">
                        <div class="portlet-body">
                            <div class="row">
                                <div class="col-md-12">
                                   <span class="font-blue-madison title"><i class="fa fa-cogs"></i> Configurações de Sistema</span> 
                                   <hr>
                               </div>
                           </div>
                           <?php echo Form::open(['route' => $action->route, 'method' => $action->method]); ?>                      
                           <div class="tabbable tabbable-tabdrop">
                            <ul class="nav nav-pills">
                                <li class="active">
                                    <a data-toggle="tab" href="#tab1" class="font-blue-madison"><i class="fa fa-commenting"></i> Aviso de Conta Gratis</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab2" class="font-blue-madison"><i class="fa fa-money"></i> Faturamento</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab3" class="font-blue-madison"><i class="fa fa-ticket"></i> Tickets</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab4" class="font-blue-madison"><i class="icon-envelope-open"></i> SMS</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab5" class="font-blue-madison"><i class="fa fa-street-view"></i> Config. de Usuário</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab6" class="font-blue-madison"><i class="fa fa-group"></i> Grupos de email</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab7" class="font-blue-madison"><i class="icon-wallet"></i> Comissões</a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#tab8" class="font-blue-madison"><i class="fa fa-sort-amount-asc"></i> Hierarquia de Cargos</a>
                                </li>
                            </ul>
                        </div>       
                        <div class="tab-content">
                            <div id="tab1" class="tab-pane active">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <?php echo Form::label('aviso_expira_plano_gratis', 'Aviso de expiração de plano grátis:', ['class' => 'control-label']); ?>

                                            <?php echo Form::select('aviso_expira_plano_gratis', $days, $parametros->aviso_expira_plano_gratis, ['class' => 'form-control']); ?>

                                        </div>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <?php echo Form::label('bloqueio_plano_gratis', 'Bloqueio de plano grátis: ', ['class' => 'control-label']); ?>

                                            <?php echo Form::select('bloqueio_plano_gratis', $days, $parametros->bloqueio_plano_gratis, ['class' => 'form-control']); ?>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab2" class="tab-pane">
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('config_params', 'Dias para envio de fatura antes do Vencimento: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('send_invoice_days', $days, $parametros->send_invoice_days, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('parcial_block', 'Dias para bloqueio parcial após o Vencimento: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('parcial_block', $days, $parametros->parcial_block, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('total_block', 'Dias para bloqueio total após o Vencimento: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('total_block', $days, $parametros->total_block, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('cancelamento', 'Dias para cancelamento de conta pós após o Vencimento: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('cancelamento', $days, $parametros->cancelamento, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">                                            
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('cancelamento', 'Dias para cancelamento de conta pré após o Vencimento: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('cancelamento_pre', $days, $parametros->cancelamento_pre, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('quarentena', 'Dias que o número permanece em quarentena após o cancelamento da conta: ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('quarentena', $days, $parametros->quarentena, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('time_recharge_close', 'Prazo para cancelamento de recargas não pagas ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('time_recharge_close', $days, $parametros->time_recharge_close, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('pre_block', 'Dias para bloqueio de clientes pré-pago', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('pre_block', $days, $parametros->pre_block, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('aviso_atraso', 'Dias para aviso de cobrança de atraso ', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('aviso_atraso', $days, $parametros->aviso_atraso, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                    <?php echo Form::label('email_remetente', 'Email remetente usado para os envios', ['class' => 'control-label']); ?>

                                                    <?php echo Form::select('email_remetente', $usersEmails, $parametros->email_remetente, ['class' => 'form-control']); ?>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="tab3" class="tab-pane">
                                <div class="row">
                                    <div class="form-group col-md-4">
                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <?php echo Form::label('time_ticket_close', 'Fechamento automático de tickets em espera: ', ['class' => 'control-label']); ?>

                                            <?php echo Form::select('time_ticket_close', $days, $parametros->time_ticket_close, ['class' => 'form-control']); ?>

                                        </div>
                                    </div>
                                    <div class="form-group col-md-8">
                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                            <div class="form-group">
                                             <?php echo Form::label('horario_atendimento', 'Horário de Atendimento: ', ['class' => 'control-label']); ?>

                                         </div>
                                         <div class="form-group col-md-1">
                                            <strong>Das</strong>
                                        </div>
                                        <div class="form-group col-md-1" style="margin-top:-10px;">
                                            <?php echo Form::text('horario_atendimento_ini', $parametros->horario_atendimento_ini, ['class' => 'form-control timepicker-24', 'autocomplete' => 'off', 'id'=>'horario_atendimento_ini']); ?>

                                        </div>
                                        <div class="form-group col-md-1">
                                            <strong>as</strong>
                                        </div>
                                        <div class="form-group col-md-1" style="margin-top:-10px;">
                                            <?php echo Form::text('horario_atendimento_fim', $parametros->horario_atendimento_fim, ['class' => 'form-control timepicker-24', 'autocomplete' => 'off','id'=>'horario_atendimento_fim']); ?>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tab4" class="tab-pane">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('grupo_email_aviso_sms', 'Emite email de aviso de sms para o grupo a seguir: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('grupo_email_aviso_sms', $grupos, $parametros->grupo_email_aviso_sms, ['class' => 'form-control']); ?>

                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('alerta_saldo_sms', 'Envia email quando SMS\'s restantes chegarem a:', ['class' => 'control-label']); ?>

                                        <?php echo Form::text('alerta_saldo_sms', $parametros->alerta_saldo_sms, ['class' => 'form-control', 'placeholder' => 'Nome de Cliente', 'autocomplete' => 'off']); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tab5" class="tab-pane">
                            <div class="row">
                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('user_system_default', 'Usuário padrão para ações no sistema: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('user_system_default', $users, $parametros->user_system_default, ['class' => 'form-control']); ?>

                                    </div>
                                </div>

                                <div class="form-group col-md-6">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('perfil_system_default', 'Perfil de usuário padrão para ações no sistema: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('perfil_system_default', $perfis, $parametros->perfil_system_default, ['class' => 'form-control']); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tab6" class="tab-pane">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('grupo_email_desconto', 'Grupo de email de Análise de descontos: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('grupo_email_desconto', $grupos, $parametros->grupo_email_desconto, ['class' => 'form-control']); ?>

                                    </div>
                                </div>

                                <div class="form-group col-md-4">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('grupo_email_analise_credito', 'Grupo de email de Análise de Crédito: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('grupo_email_analise_credito', $grupos, $parametros->grupo_email_analise_credito, ['class' => 'form-control']); ?>

                                    </div>
                                </div>
                                <div class="form-group col-md-4">
                                    <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                        <?php echo Form::label('grupo_email_ativacao', 'Grupo de email de Ativação: ', ['class' => 'control-label']); ?>

                                        <?php echo Form::select('grupo_email_ativacao', $grupos, $parametros->grupo_email_ativacao, ['class' => 'form-control']); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tab7" class="tab-pane">
                            <div class="col-md-12">                                
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            Controle de Comissões
                                        </div>
                                    </div>
                                    <div class="portlet-body">   
                                        <div class="panel-group accordion" id="accordion3">
                                            <div class="row"> 
                                                <?php foreach($profiles as $profile_id => $perfil): ?> 
                                                <div class="col-md-6">  
                                                    <div class="panel panel-default">
                                                        <div class="panel-heading">
                                                            <h4 class="panel-title">
                                                                <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_<?php echo e($profile_id); ?>"> <?php echo e($perfil); ?> </a>
                                                            </h4>
                                                        </div>
                                                        <div id="collapse_<?php echo e($profile_id); ?>" class="panel-collapse collapse">
                                                            <div class="panel-body">
                                                                <div class="row">
                                                                    <?php foreach($periodo_contrato as $periodo): ?>
                                                                    <div class="form-group col-md-4">
                                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                                            <?php echo Form::label('contrato['.$profile_id.']['.$periodo->tempo.']', '(%) Contrato: '. $periodo->tempo .' meses', ['class' => 'control-label']); ?>

                                                                            <?php echo Form::text('contrato['.$profile_id.']['.$periodo->tempo.']', isset($comissoes[$perfil.'contrato'.$periodo->tempo]) ? formatMoney($comissoes[$perfil.'contrato'.$periodo->tempo]) : 0, ['class' => 'form-control mask-number', 'autocomplete' => 'off']); ?>

                                                                        </div>
                                                                    </div>
                                                                    <?php endforeach; ?>
                                                                    <?php foreach($periodo_contrato as $periodo): ?>
                                                                    <div class="form-group col-md-4">
                                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                                            <?php echo Form::label('recorrente['.$profile_id.']['.$periodo->tempo.']', '(%) Cobr. Recorrente: '. $periodo->tempo .' meses', ['class' => 'control-label']); ?>


                                                                            <?php echo Form::text('recorrente['.$profile_id.']['.$periodo->tempo.']', 
                                                                            isset($comissoes[$perfil.'mensal'.$periodo->tempo]) ? formatMoney($comissoes[$perfil.'mensal'.$periodo->tempo]) : 0, ['class' => 'form-control mask-number', 'autocomplete' => 'off']); ?>

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

                                                                    <?php foreach(range(1,$parametros->meses_comissao) as $mes): ?>
                                                                    <div class="form-group col-md-4">
                                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                                            <?php echo Form::label('consumo['.$profile_id.']['.$mes.']', '(%) Consumo: '. $mes .'º Mês', ['class' => 'control-label']); ?>

                                                                            <?php echo Form::text('consumo['.$profile_id.']['.$mes.']', isset($comissoes[$perfil.'consumo'.$mes]) ? formatMoney($comissoes[$perfil.'consumo'.$mes]) : 0, ['class' => 'form-control mask-number', 'autocomplete' => 'off']); ?>

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

                                                                    <div class="form-group col-md-4">
                                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                                            <?php echo Form::label('produto['.$profile_id.'][]', '(%) Produto', ['class' => 'control-label']); ?>

                                                                            <?php echo Form::text('produto['.$profile_id.'][]', isset($comissoes[$perfil.'produto0']) ? formatMoney($comissoes[$perfil.'produto0']) : 0, ['class' => 'form-control mask-number', 'autocomplete' => 'off']); ?>

                                                                        </div>
                                                                    </div>

                                                                    <div class="form-group col-md-4">
                                                                        <div class="form-group form-md-line-input form-md-floating-label has-personalizado">
                                                                            <?php echo Form::label('cobranca_unica['.$profile_id.'][]', '(%) Cobr. Única', ['class' => 'control-label']); ?>

                                                                            <?php echo Form::text('cobranca_unica['.$profile_id.'][]', isset($comissoes[$perfil.'unica0']) ? formatMoney($comissoes[$perfil.'unica0']) : 0, ['class' => 'form-control mask-number', 'autocomplete' => 'off']); ?>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>                                                
                                                <?php endforeach; ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="tab8" class="tab-pane">
                            <?php echo Form::hidden('hierarquia_perfil', $hierarquia, array('id' => 'hierarquia_perfil')); ?>

                            <div class="col-md-12">
                                <div class="tree" style="overflow-x: scroll;"></div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col-md-6">
                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Salvar Configurações.">
                                <i class=" fa fa-save"></i> Salvar
                            </button>
                            <a href="<?php echo e(route('admin.dashboard')); ?>" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá as informações não salvas."><i class="fa fa-close"></i> Cancelar</a>
                        </div>                          
                    </div>
                    <?php echo Form::close(); ?>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- END PAGE CONTENT INNER -->
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js-admin-config'); ?>
    <style>
        .panel-group.accordion .row .col-md-6{
            margin-bottom: 15px;
        }

        /*Now the CSS*/
        * {margin: 0; padding: 0;}

        .tree ul {
            padding-top: 20px; position: relative;
            
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }

        .tree li {
            float: left; text-align: center;
            list-style-type: none;
            position: relative;
            padding: 20px 5px 0 5px;
            
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }

        /*We will use ::before and ::after to draw the connectors*/

        .tree li::before, .tree li::after{
            content: '';
            position: absolute; top: 0; right: 50%;
            border-top: 1px solid #ccc;
            width: 50%; height: 20px;
        }
        .tree li::after{
            right: auto; left: 50%;
            border-left: 1px solid #ccc;
        }

        /*We need to remove left-right connectors from elements without 
        any siblings*/
        .tree li:only-child::after, .tree li:only-child::before {
            display: none;
        }

        /*Remove space from the top of single children*/
        .tree li:only-child{ padding-top: 0;}

        /*Remove left connector from first child and 
        right connector from last child*/
        .tree li:first-child::before, .tree li:last-child::after{
            border: 0 none;
        }
        /*Adding back the vertical connector to the last nodes*/
        .tree li:last-child::before{
            border-right: 1px solid #ccc;
            border-radius: 0 5px 0 0;
            -webkit-border-radius: 0 5px 0 0;
            -moz-border-radius: 0 5px 0 0;
        }
        .tree li:first-child::after{
            border-radius: 5px 0 0 0;
            -webkit-border-radius: 5px 0 0 0;
            -moz-border-radius: 5px 0 0 0;
        }

        /*Time to add downward connectors from parents*/
        .tree ul ul::before{
            content: '';
            position: absolute; top: 0; left: 50%;
            border-left: 1px solid #ccc;
            width: 0; height: 20px;
        }

        .tree li a{
            border: 1px solid #ccc;
            padding: 5px 10px;
            text-decoration: none;
            color: #666;
            font-family: arial, verdana, tahoma;
            font-size: 11px;
            display: inline-block;
            
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
        }

        /*Time for some hover effects*/
        /*We will apply the hover effect the the lineage of the element also*/
        .tree li a:hover, .tree li a:hover+ul li a {
            background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
        }
        /*Connector styles on hover*/
        .tree li a:hover+ul li::after, 
        .tree li a:hover+ul li::before, 
        .tree li a:hover+ul::before, 
        .tree li a:hover+ul ul::before{
            border-color:  #94a0b4;
        }
        .dd-handle{
            padding: 5px 5px !important;
        }

        /*Thats all. I hope you enjoyed it.
        Thanks :)*/
    </style>

    <link href="<?php echo e(asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/global/plugins/jquery-nestable/jquery.nestable.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')); ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo e(asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css')); ?>" rel="stylesheet" type="text/css" />    
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="<?php echo e(asset('assets/global/plugins/moment.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('assets/global/plugins/clockface/js/clockface.js')); ?>" type="text/javascript"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN THEME GLOBAL SCRIPTS -->
    <script src="<?php echo e(asset('assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
    <!-- END THEME GLOBAL SCRIPTS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="<?php echo e(asset('assets/pages/scripts/components-date-time-pickers.min.js')); ?>" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME LAYOUT SCRIPTS -->
    <script src="<?php echo e(asset('assets/global/plugins/jquery-nestable/jquery.nestable.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/apps/scripts/jquery.maskMoney.js')); ?>" type="text/javascript"></script>
    <script>

        var initHierarquia = function(objJSON){
            //$(".dd-list").html("");

            var data = [];

            data.push('<ul class="dd-list">');
            
            $.each(objJSON, function(i, item) {            
                data.push('<li class="dd-item" data-id="'+item.id+'" data-text="'+item.descricao+'"><div draggable="true" class="dd-handle"> '+ item.descricao +' </div>');

                if(item.children.length > 0){
                    data.push(initHierarquia(item.children));
                }

                data.push('</li>');
            });


            data.push('</ul>');

            return data.join('');
        };

        $(function(){          

            $(".mask-number").maskMoney({
                symbol:'',
                showSymbol:false,
                thousands:'.',
                decimal:',',
                symbolStay: true,
                numeralMaxLength: false
            }).attr('maxlength', 6);

            $('.mask-number').each(function(){ // function to apply mask on load!
                $(this).maskMoney('mask', $(this).val());
            }); 

            $(".tree").html(initHierarquia(JSON.parse($("#hierarquia_perfil").val())));

            var removeNode = '';

            function handleDragStart(e) {
                this.style.opacity = '0.4';  

                dragSrcEl = this;

                removeNode = $(this).closest(".dd-item").data('id');

                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/html', this.innerHTML);
            }

            function handleDragOver(e) {
                if (e.preventDefault){
                    e.preventDefault();
                }

                e.dataTransfer.dropEffect = 'move'; 

                return false;
            }

            function handleDragEnter(e) {
                // this / e.target is the current hover target.
                this.classList.add('over');
            }

            function handleDragLeave(e) {
                this.classList.remove('over'); // this / e.target is previous target element.
            }

            function handleDrop(e) {
                // this/e.target is current target element.

                if (e.stopPropagation) {
                    e.stopPropagation(); // stops the browser from redirecting.
                }

                atualiza($(this).closest(".dd-item").data('id'));

                return false;
            };

            function handleDragEnd(e){
                //console.log(e);
            }

            var cols = document.querySelectorAll('.dd-handle');

            [].forEach.call(cols, function(col) {
                col.addEventListener('dragstart', handleDragStart, false);
                col.addEventListener('dragenter', handleDragEnter, false);
                col.addEventListener('dragover', handleDragOver, false);
                col.addEventListener('dragleave', handleDragLeave, false);
                col.addEventListener('drop', handleDrop, false);
                col.addEventListener('dragend', handleDragEnd, false);
            });

            function atualiza(nodeAfter){
                if(removeNode == nodeAfter){
                    swal({"title":"Ops","text":"Não é possível arrastar um cargo para ele mesmo!","showConfirmButton":true,"type":"error","html":true});
                    return false;
                } else {
                    $.post('<?php echo e(route("admin.config.editar.hierarquia")); ?>', {remove : removeNode, after : nodeAfter, _token : "<?php echo e(csrf_token()); ?>" }, function(data){
                        $(".tree").html(initHierarquia(JSON.parse(data)));

                        var cols = document.querySelectorAll('.dd-handle');

                        [].forEach.call(cols, function(col) {
                            col.addEventListener('dragstart', handleDragStart, false);
                            col.addEventListener('dragenter', handleDragEnter, false);
                            col.addEventListener('dragover', handleDragOver, false);
                            col.addEventListener('dragleave', handleDragLeave, false);
                            col.addEventListener('drop', handleDrop, false);
                            col.addEventListener('dragend', handleDragEnd, false);
                        });

                    });
                }
            }

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