<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="erroExists" class="alert alert-danger alert-dismissible" role="alert" style="display:none;">
        <i class="fa fa-exclamation-triangle"></i>
        <div class="alert-message">A meta global do grupo, após definida, não pode mais ser alterada</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>
</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</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,
                        '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</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,
                        '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
                    $this->renderPartial('_view', array(
                        'id' => 'global',
                        'nome' => "META DO GRUPO",
                        'ano' => $ano,
                        'metaMensalidade' => $abaRevisao['metaGlobalMensalidade'] ?? false,
                        'metaImplantacao' => $abaRevisao['metaGlobalImplantacao'] ?? false,
                    ));

                    $i=0;
                    foreach ($abaRevisao['revendas'] as $codigo => $metas) {
                        $revenda = $revendas[$codigo];
                        $this->renderPartial('_view', array(
                            'id' => $i++,
                            'nome' => $revenda,
                            'ano' => $ano,
                            'metaMensalidade' => $metas['mensalidade'] ?? false,
                            'metaImplantacao' => $metas['implantacao'] ?? false,
                        ));
                    }
                ?>
            </div>
            <div class="clearfix"></div>
        </div>
   </div>
</div>

<?php
$cs = Yii::app()->getClientScript();

$mensalidade = MetasVendas::META_MENSALIDADE;
$implantacao = MetasVendas::META_IMPLANTACAO;
$script = <<<JAVASCRIPT
    function ajaxSalvaMetas(data, tipo, rascunho = false, allowEmpty = false) {
        return $.ajax({
            url: createUrl('metasVendas/saveGrupo'),
            type: 'POST',
            data: {
                data: data,
                ano: {$ano},
                tipo: tipo,
                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
        )
    )
);
