<?php
if (count(User::getRevendas()) > 1) {
    echo CHtml::label("Selecione a unidade de negócios", 'selecionaUnidade');
    echo CHtml::dropDownList(
        'unidade',
        $revenda,
        User::getRevendas(),
        array('id' => 'selecionaUnidade', 'prompt' => 'Selecione')
    );
}
?>

<?php if ($revenda) { ?>
    <div id="mensagens">
        <div id="sucessoRascunho" class="alert alert-success alert-dismissible" role="alert" style="display:none;">
            <i class="fa fa-check"></i>
            <div class="alert-message"><font>Metas de Mensalidade</font> salvas como rascunho</div>
        </div>
        <div id="sucessoFinalizar" class="alert alert-success alert-dismissible" role="alert" style="display:none;">
            <i class="fa fa-check"></i>
            <div class="alert-message">Metas salvas com sucesso!</div>
        </div>
        <div id="erroDadosInvalidos" class="alert alert-danger alert-dismissible" role="alert" style="display:none;">
            <i class="fa fa-exclamation-triangle"></i>
            <div class="alert-message">Preencha os campos corretamente!</div>
        </div>
        <div id="erroSalvar" class="alert alert-danger alert-dismissible" role="alert" style="display:none;">
            <i class="fa fa-exclamation-triangle"></i>
            <div class="alert-message">Ocorreu um erro ao salvar!</div>
        </div>

        <?php if (!empty($configMetaVendedores['inativos'])) { ?>
            <div id="msgVendedoresInativos" class="alert alert-warning alert-dismissible" role="alert">
                <i class="fa fa-exclamation-circle"></i>
                <div class="alert-message">
                    <?php
                        if (count($configMetaVendedores['inativos']) == 1) {
                            echo "Há 1 vendedor inativo que não está sendo exibido!";
                        } else {
                            echo "Existem " . count($configMetaVendedores['inativos']) . " inativos que não estão sendo exibidos!";
                        }
                    ?>
                </div>
            </div>
        <?php } ?>
    </div>

    <div class="container">
        <div class="wizard">
            <div class="wizard-inner">
                <div class="connecting-line"></div>
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" title="Metas de Mensalidade">
                            <span class="round-tab">
                                <b>1</b>
                            </span>
                        </a>
                    </li>

                    <li role="presentation" class="disabled">
                        <a href="#step2" data-toggle="tab" aria-controls="step2" role="tab" title="Metas de Implantação">
                            <span class="round-tab">
                                <b>2</b>
                            </span>
                        </a>
                    </li>

                    <li role="presentation" class="disabled">
                        <a href="#complete" data-toggle="tab" aria-controls="complete" role="tab" title="Revisar">
                            <span class="round-tab">
                                <i class="fa fa-check"></i>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="tab-content">
                <div class="tab-pane active" role="tabpanel" id="step1">
                    <ul class="list-inline pull-right">
                        <li>
                            <button type="button" class="btn btn-default salvarRascunho" data-tipo="mensalidade">
                                Salvar Rascunho
                            </button>
                        </li>
                        <li>
                            <button type="button" class="btn btn-primary next-step" data-tipo="mensalidade">
                                Continuar
                            </button>
                        </li>
                    </ul>
                    <h1>
                        Metas de Mensalidade <br>
                        <?php if (!empty($configMetaVendedores['inativos'])) { ?>
                            <small>
                                <a class="toggleInativos">
                                    <i class="fa fa-eye"></i> <font>Mostrar</font> vendedores inativos
                                </a>
                            </small>
                        <?php } ?>
                    </h1>
                    <div id="mensalidade"></div>
                    <?php
                        $columns = $metasVendas->getColumnConfig($colHeaders);
                        $handsontable = $this->widget('application.extensions.Handsontable.Handsontable', array(
                            'target' => '#mensalidade',
                            'colHeaders' => $colHeaders,
                            'rowHeaders' => $rowHeaders,
                            'columns' => $columns,
                            'readOnlyLine' => count($rowHeaders)-1,
                            'readOnlyColumns' => $configMetaVendedores['mensalidade']['readOnlyColumns'],
                            'valores' => $valoresMensalidade,
                        ));
                        $metasMensalidade = $handsontable->id;
                    ?>
                </div>

                <div class="tab-pane" role="tabpanel" id="step2">
                    <ul class="list-inline pull-right">
                        <li>
                            <button type="button" class="btn btn-default prev-step">Anterior</button>
                        </li>
                        <li>
                            <button type="button" class="btn btn-default salvarRascunho" data-tipo="implantacao">
                                Salvar Rascunho
                            </button>
                        </li>
                        <li>
                            <button type="button" class="btn btn-primary next-step" data-tipo="implantacao">
                                Continuar
                            </button>
                        </li>
                    </ul>
                    <h1 id="metasImplantacao">
                        Metas de Implantação <br>
                        <?php if (!empty($inativos)) { ?>
                            <small>
                                <a class="toggleInativos">
                                    <i class="fa fa-eye"></i> <font>Mostrar</font> vendedores inativos
                                </a>
                            </small>
                        <?php } ?>
                    </h1>

                    <div id="implantacao"></div>
                    <?php
                        $columns = $metasVendas->getColumnConfig($colHeaders);

                        $handsontable = $this->widget('application.extensions.Handsontable.Handsontable', array(
                            'target' => '#implantacao',
                            'colHeaders' => $colHeaders,
                            'rowHeaders' => $rowHeaders,
                            'columns' => $columns,
                            'readOnlyLine' => count($rowHeaders)-1,
                            'readOnlyColumns' => $configMetaVendedores['implantacao']['readOnlyColumns'],
                            'valores' => $valoresImplantacao,
                        ));
                        $metasImplantacao = $handsontable->id;
                    ?>
                </div>

                <div class="tab-pane" role="tabpanel" id="complete">
                    <ul class="list-inline pull-right">
                        <li>
                            <button type="button" class="btn btn-default prev-step">Anterior</button>
                        </li>
                        <li>
                            <button type="button" class="btn btn-success btn-info-full" id="save">
                                <i class="fa fa-floppy-o" aria-hidden="true"></i> Salvar
                            </button>
                        </li>
                    </ul>
                    <h1>Revisão</h1>

                    <?php
                        $i = 0;
                        foreach ($abaRevisao as $codigo => $metas) {
                            $vendedor = Funcionarios::model()->findByPk($codigo);

                            $nome = $vendedor->FUN_NOME;
                            $nome .= ($vendedor->FUN_SITUACAO == "I") ? " (Inativo)" : "";
                            $this->renderPartial('_view', array(
                                'id' => $i,
                                'nome' => $nome,
                                'ano' => $ano,
                                'metaMensalidade' => $metas['mensalidade'] ?? false,
                                'metaImplantacao' => $metas['implantacao'] ?? false,
                            ));

                            $i++;
                        }
                    ?>
                </div>
                <div class="clearfix"></div>
            </div>
       </div>
    </div>
<?php } ?>

<?php
$cs = Yii::app()->getClientScript();
if ($revenda) {
    $mensalidade = MetasVendas::META_MENSALIDADE;
    $implantacao = MetasVendas::META_IMPLANTACAO;

    $varInativos = "[]";
    if (!empty($inativos)) {
        $varInativos = "[";
            foreach ($inativos as $key => $value) {
                $varInativos .= "{$value['linha']},";
            }
        $varInativos .= "];";
    }
    $script = <<<JAVASCRIPT
        $(document).ready(function() {
            var inativos = {$varInativos};
            if (inativos.length) {
                $.each(inativos, function(index, val) {
                    var colunasInativas = $("#mensalidade, #implantacao").find('table > tbody > tr:nth-child('+val+')')
                                                                         .find('.htNumeric');
                    colunasInativas.parent().hide();
                })
            }

            $(document).on('click', '.toggleInativos', function(event) {
                $.each(inativos, function(index, val) {
                    var colunasInativas = $("#mensalidade, #implantacao").find('table > tbody > tr:nth-child('+val+')')
                                                                         .find('.htNumeric');
                    if (colunasInativas.is(":visible")) {
                        colunasInativas.parent().fadeOut(700);
                        $(".toggleInativos").find('font').html("Mostrar");
                        $(".toggleInativos").find('i').removeClass('fa-eye-slash').addClass('fa-eye');
                    } else {
                        colunasInativas.parent().fadeIn(700);
                        $(".toggleInativos").find('font').html("Esconder");
                        $(".toggleInativos").find('i').removeClass('fa-eye').addClass('fa-eye-slash');
                    }
                })
            });
        });

        function ajaxSalvaMetas(data, tipo, rascunho = false, allowEmpty = false) {
            return $.ajax({
                url: createUrl('metasVendas/saveVendedores'),
                type: 'POST',
                data: {
                    data: data,
                    ano: {$ano},
                    tipo: tipo,
                    revenda: {$revenda},
                    rascunho: rascunho,
                    allowEmpty: allowEmpty,
                },
            });
        }
JAVASCRIPT;

$cs->registerScript("salvaMetas", $script);

$cs->registerScript(
    Util::uid(),
    Util::removeScriptTags(
        $this->renderPartial(
            '_scripts_cadastro',
            array(
                'metasMensalidade' => $metasMensalidade,
                'metasImplantacao' => $metasImplantacao,
                'linhaSoma' => true,
            ),
            true
        )
    )
);
}

$script = <<<JAVASCRIPT
    $(document).on('change', '#selecionaUnidade', function(event) {
        var url = createUrl('metasVendas/createVendedores', {
            ano: $("#selecionaAno").val(),
            revenda: $(this).val()
        });
        window.location.replace(url);
    });
JAVASCRIPT;
$cs->registerScript('_form_select_revenda_script', $script);
