<div class="container">
    <div class="row mt-5">
        <div class="col-md-8 offset-md-2">
            <div class="stepwizard col-md-10 offset-md-1">
                <div class="stepwizard-row setup-panel">
                    <div class="stepwizard-step">
                        <a href="#step-1" id="1" class="btn btn-secondary btn-float btn-sm">1</a>
                        <p>Datos de la Empresa</p>
                    </div>
                    <div class="stepwizard-step">
                       <a href="#step-2" id="2"  class="btn btn-secondary btn-float btn-sm disabled" disabled="disabled">2</a>
                       <p>Datos del Representante Legal</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php 
    $form = $this->beginWidget('bootstrap.widgets.TbActiveForm', 
        array(
            'id'                     =>'sidcai-aportante-form',
            'layout'                 => TbHtml::FORM_LAYOUT_VERTICAL,
            'enableAjaxValidation'   => true,
            'enableClientValidation' => true,
            'clientOptions' => array(
               'validateOnSubmit' => true,
               'afterValidate' => 'js:function(form, data, hasError) {
                    $("#btn2").addClass("btn-disabled");
                    $("#btn2").html("Cargando...");

                    if(hasError){
                        $("#btn2").html("Enviar");
                        $("#btn2").removeClass("btn-disabled");
                        return false;
                    }else{
                        return true;
                    }
                }',
            ),
        )
    ); 
    ?>
    <div class="row mb-5">
        <div class="col-md-10 offset-md-1">
            <?php 
            // Mensajes de error en el registro.
            if(Yii::app()->user->hasFlash('warning_registro')){
               echo TbHtml::alert(TbHtml::ALERT_COLOR_WARNING, Yii::app()->user->getFlash('warning_registro'));
            } 
            if(Yii::app()->user->hasFlash('error_registro')){
               echo TbHtml::alert(TbHtml::ALERT_COLOR_WARNING, Yii::app()->user->getFlash('error_registro'));
            } 
            ?>
            <input type="hidden" id="url" value="<?php echo Ccontroller::createUrl('/'); ?>">
            <!-- FORMULARIO DATOS DE LA EMPRESA -->
            <div class="setup-content" id="step-1"> 
                <?php 
                $this->renderPartial('_aportante', 
                    array(
                        'form'  => $form,
                        'model' => $model,
                        'modelAlicuota' => $modelAlicuota
                    )
                ); 
                ?>
            </div>
            <!-- FIN - STEP 1a -->

            <!-- FORMULARIO REPRESENTANTE LEGAL -->
            <div class="setup-content" id="step-2">
                <?php 
                $this->renderPartial('_representante', 
                    array(
                        'form'   => $form,
                        'model2' => $model2
                    )
                ); 
                ?>
            </div>
            <!-- FIN step-2 -->
        </div>
    </div>
    <?php $this->endWidget(); ?>
</div>

<?php 
Yii::app()->clientScript->scriptMap=array('jquery.js'=>false,);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/formularios/forms.js', CClientScript::POS_END);
Yii::app()->getClientScript()->registerScriptFile(Yii::app()->baseUrl . '/assets/formularios/validarRegistro.js', CClientScript::POS_END);
?>

<script>

function municipios(obj){
    var obj = "#" + obj.id;
    var url_base = $("#url").val();

    $(obj).on("change", function(){
        var id_estado = $(obj).selectpicker("val");

        $.ajax({
            type: "POST",
            url : url_base + "/Registro/municipios",
            data: {id_estado:id_estado},
            success: function(respuesta){
                if(obj == "#SidcaiAportante_esta_codigo_fk"){
                    // Se limpiar el dropdown
                    $("#SidcaiAportante_muni_codigo_fk").empty();
                    $("#SidcaiAportante_parr_codigo_fk").empty();
                    $("#SidcaiAportante_parr_codigo_fk").selectpicker("refresh");

                    $("#SidcaiAportante_muni_codigo_fk").append(respuesta);
                    $("#SidcaiAportante_muni_codigo_fk").selectpicker("refresh");
                }else{
                    $("#SidcaiRepresentantelegal_muni_codigo_fk").empty();
                    $("#SidcaiRepresentantelegal_parr_codigo_fk").empty();
                    $("#SidcaiRepresentantelegal_parr_codigo_fk").selectpicker("refresh");

                    $("#SidcaiRepresentantelegal_muni_codigo_fk").append(respuesta);
                    $("#SidcaiRepresentantelegal_muni_codigo_fk").selectpicker("refresh");
                }
            }
        });
    });
}

function parroquias(obj){
    var obj = "#" + obj.id;
    var url_base = $("#url").val();

    $(obj).on("change", function(){
        var id_municipio = $(obj).selectpicker("val");

        $.ajax({
            type: "POST",
            url : url_base + "/Registro/Parroquias",
            data: {id_municipio:id_municipio},
            success: function(respuesta){
                if(obj == "#SidcaiAportante_muni_codigo_fk"){
                    $("#SidcaiAportante_parr_codigo_fk").empty();
                    $("#SidcaiAportante_parr_codigo_fk").append(respuesta);
                    $("#SidcaiAportante_parr_codigo_fk").selectpicker("refresh");
                }else{
                    $("#SidcaiRepresentantelegal_parr_codigo_fk").empty();
                    $("#SidcaiRepresentantelegal_parr_codigo_fk").append(respuesta);
                    $("#SidcaiRepresentantelegal_parr_codigo_fk").selectpicker("refresh");
                }
            }
        });
    });
}


$('.datepicker').pickdate({
    // Strings and translations
    monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
    monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
    weekdaysFull: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sabado'],
    weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
    cancel           : 'Cancelar',
    closeOnCancel    : true,
    closeOnSelect    : false,
    container        : 'body',
    containerHidden  : 'body',
    firstDay         : 1,
    format           : 'dd/mm/yyyy',
    formatSubmit     : 'dd/mm/yyyy',
    // hiddenPrefix     : 'prefix_',
    // hiddenSuffix     : '_suffix',
    labelMonthNext   : 'Siguiente mes',
    labelMonthPrev   : 'Anterior mes',
    labelMonthSelect : 'Seleccione el mes',
    labelYearSelect  : 'Seleccione el año',
    ok               : 'Aceptar',
    today            : 'Hoy',
    selectMonths     : true,
    selectYears      : 130,
    min: new Date(1900,1,1),
    max: new Date(),
});
</script>
