<script>
mostrarCargaImg = function(){ $('#s_ImagenLoad')[0].style.display = 'inline'; }
ocultarCargaImg = function(){ $('#s_ImagenLoad')[0].style.display = 'none'; }

mostrarMensajeError = function( s_MensajeError )
{
    $( "#resultContent" ).html( '<div id="mensaje_error_content" class="error">' + s_MensajeError + '</div>' );
    setTimeout( function(){ $( "#mensaje_error_content" ).fadeOut( 800 ).fadeIn( 800 ).fadeOut( 500 ).fadeIn( 500 ).fadeOut( 300 ); }, 4000 );
}
</script>
<script>
ejecutarGuardar = function()
{
	mostrarCargaImg();
	var strFormSerialize = $( 'form' ).serialize();
    executeAjaxJson
    (
        "<?php echo buildUrl( 'ptovta/saveAddEdit', "" ) ?>",
        strFormSerialize,
        function( o_json )
        {
            console.log( o_json );
            ocultarCargaImg();
            if( o_json.error )
            {
                mostrarMensajeError( o_json.mensaje_error );
                return false;
            }
            //return false;
            location.href = "<?=buildUrl( 'ptovta/list', "")?>";

            /*switch ( o_json.type_sub )
            {
                case "0":
                    location.href = "<?=buildUrl( 'ptovta/addedit', "s_TipoProc=upd&i_Id=")?>" + o_json.id;
                break;
                case "1":
                    location.href = "<?=buildUrl( 'ptovta/list', "")?>";
                break;
            }*/
        }
    );
}
</script>
<?php if( $o_DefaultBN->getIdSucursalDocumento() ){ $s_Disabled = "disabled"; }else{ $s_Disabled = ""; } ?>
<input type="hidden" name="i_Id" id="i_Id" value="<?=$o_DefaultBN->getIdSucursalDocumento()?>">
<div id="resultContent" style=""></div>

<script>
CargarInfoTicket = function()
{
    if( $( "#DocumentoTicketFlag" ).is( ':checked' ) )
    {
        var IdSucursal = $( "#IdSucursal" ).val();
        var str_serialize = "IdSucursal=" + IdSucursal + "&TipoProc=GetInfoTicket";
        executeAjaxJson( 
                            "<?php echo buildUrl( 'ptovta/request', "block=001" ) ?>", 
                            str_serialize,
                            function( o_json )
                            {
                                console.log( o_json );
                                if( o_json )
                                {
                                    $( "#AutorizacionSunatTicket" ).val( o_json.AutorizacionSunat )
                                    $( "#SerieTicket" ).val( o_json.SerieTicket )
                                }
                            } 
                       );
    }
    else
    {
        $( "#AutorizacionSunatTicket" ).val( "" )
        $( "#SerieTicket" ).val( "" )
    }
}
CargarDocumento = function()
{
    $( "#AutorizacionSunatTicket" ).val( "" )
    $( "#SerieTicket" ).val( "" )
}
limpiarDatosSeries = function()
{
    $( "#SerieFormato" ).val( "" );
    $( "#RangoDesdeFormato" ).val( "" );
    $( "#RangoHastaFormato" ).val( "" );
    
    $( "#FechaInicioFormato" ).val( "" );
    $( "#FechaFinFormato" ).val( "" );
}
</script>

<table width="100%">
    <tr>
        <td width="100%" valign="top" >
            <fieldset class="formGen" style="margin-top:0px">
                <table border="0" cellspacing="6" cellpadding="0" style="margin-left: 20px;">
	                <tr>
	                    <td nowrap="nowrap" width="10%" class="cabecera"><label class="label req" for="IdImpuesto" >Compa&ntilde;ia</label></td>
	                    <td nowrap="nowrap">
	                        <?=crearSelect( array( "IdCompania", "getIdCompania", "getDescripcionCorta", "required"=>true ), $a_GSS_Compania, $o_DefaultBN->getIdCompania(), "ptovta",  "llenarComboSucursal", array( "IdSucursal" ), "GetSucursal" )?>
	                    </td>
	                    <td nowrap="nowrap" width="8%" class="cabecera">&nbsp;</td>
	                </tr>
	                <tr>
	                    <td nowrap="nowrap" class="cabecera"><label class="label req" for="IdSucursal" >Sucursal</label></td>
	                    <td nowrap="nowrap">
                            <select class="combo" name="IdSucursal" id="IdSucursal">
                                <option value=""> - Seleccione - </option>
                                <?php if( $o_DefaultBN->getIdSucursal() ){ ?>
                                    <?php foreach ( $a_GSS_Sucursal as $i_Key => $o_GSS_SucursalBN ){ ?>
                                <option value="<?=$o_GSS_SucursalBN->getIdSucursal()?>" <?php if( $o_GSS_SucursalBN->getIdSucursal()==$o_DefaultBN->getIdSucursal() ){ echo "SELECTED"; } ?>> <?=$o_GSS_SucursalBN->getDescripcion()?> </option>
                                    <?php } ?>
                                <?php } ?>
                            </select>
	                    </td>
	                    <td nowrap="nowrap" class="cabecera">&nbsp;</td>
	                </tr>
	                <tr>
	                    <td nowrap="nowrap" class="cabecera"><label class="label req" for="IdTipoDocumento" >Tipo Documento</label></td>
	                    <td nowrap="nowrap">
	                        <?=crearSelect( array( "IdTipoDocumento", "getIdTipoDocumento", "getDescripcionLocal", "required"=>true ), $a_VTA_TipoDocumento, $o_DefaultBN->getIdTipoDocumento() )?> <!--"disabled"=>$s_Disabled-->
	                    </td>
	                    <td nowrap="nowrap" class="cabecera">&nbsp;</td>
	                </tr>
                    <tr>
                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="Estado" >Estado</label></td>
                        <td nowrap="nowrap">
                            <select class="combo required" id="Estado" name="Estado" >
                                <option value=""> - Seleccione - </option>
                                <option value="A" <?php if( $o_DefaultBN->getEstado()=="A" ){ echo "SELECTED"; } ?>> ACTIVO </option>
                                <option value="I" <?php if( $o_DefaultBN->getEstado()=="I" ){ echo "SELECTED"; } ?>> INACTIVO </option>
                            </select>
                        </td>
                        <td nowrap="nowrap" class="cabecera">&nbsp;</td>
                    </tr>
                    <!--<tr>
                        <td colspan="3">&nbsp;</td>
                    </tr>-->
                    <tr>
                        <td colspan="3">
                            <fieldset class="formGen " style="margin-top:0px">
                                <table width="100%">
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="SerieFormato" >Serie</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text required" name="SerieFormato" id="SerieFormato" value="<?=$o_DefaultBN->getSerieFormato()?>" style="text-align:center;"/></td>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="" >Rango</label></td>
                                        <td nowrap="nowrap">
                                            <input type="text" class="text required" name="RangoDesdeFormato" id="RangoDesdeFormato" value="<?=$o_DefaultBN->getRangoDesdeFormato()?>" style="text-align:center;"/> 
                                            - 
                                            <input type="text" class="text required" name="RangoHastaFormato" id="RangoHastaFormato" value="<?=$o_DefaultBN->getRangoHastaFormato()?>" style="text-align:center;"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="FechaInicioFormato" >Fecha Inicio</label></td>
                                        <td nowrap="nowrap">
                                            <input type="text" class="text" name="FechaInicioFormato" id="FechaInicioFormato" value="<?=$o_DefaultBN->getFechaInicioFormato()?>" style="text-align:center;" autocomplete="off"/>
                                            <script type="text/javascript">
                                            $( "#FechaInicioFormato" ).datepicker( { dateFormat: "yy-mm-dd", changeYear:true, yearRange: "-100:+0", changeMonth: true, onClose: function (){ this.focus(); } } );
                                            </script>
                                        </td>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="FechaFinFormato" >Fecha Vencimiento</label></td>
                                        <td nowrap="nowrap">
                                            <input type="text" class="text" name="FechaFinFormato" id="FechaFinFormato" value="<?=$o_DefaultBN->getFechaFinFormato()?>" style="text-align:center;" autocomplete="off"/>
                                            <script type="text/javascript">
                                            $( "#FechaFinFormato" ).datepicker( { dateFormat: "yy-mm-dd", changeYear:true, yearRange: "-5:+10", changeMonth: true, onClose: function (){ this.focus(); } } );
                                            </script>
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <?php if( $s_TipoProc == "upd" ){ ?>
                    <tr>
                        <td colspan="3" id="content_serie_actual">
                            <fieldset class="formGen " style="margin-top:0px">
                                <table width="100%">
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="NumeroActual" >Numero de Serie Actual</label></td>
                                        <td nowrap="nowrap">
                                            <input type="text" class="text required" name="NumeroActual" id="NumeroActual" value="<?=$o_DefaultBN->getNumeroActual()?>" style="text-align:center;" onfocus="this.select()" />
                                            <input type="button" class="button" value="Actualizar Serie" onclick="actualizarSerieActual();" />
                                        </td>
                                        <td nowrap="nowrap" class=""> &nbsp; </td>
                                        <td nowrap="nowrap"> &nbsp; </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <?php } ?>
                    <tr>
                        <td colspan="3">
                            <fieldset class="formGen " style="margin-top:0px">
                                <legend class="fielsettex">
                                    <input type="checkbox" name="DocumentoTicketFlag" id="DocumentoTicketFlag" value="S" class="example" 
                                           onchange="$('input.example').not(this).prop('checked', false);" 
                                           onclick="CargarInfoTicket();"
                                           <?php if( $o_DefaultBN->getDocumentoTicketFlag()=="S" ){ echo "CHECKED"; } ?>
                                           />
                                    <label class="" for="DocumentoTicketFlag" style="color:#fc6d00">Es Ticket</label>
                                </legend> 
                                <table width="100%">
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="AutorizacionSunatTicket" >Autorizaci&oacute;n</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text text0" readonly name="AutorizacionSunatTicket" id="AutorizacionSunatTicket" value="<?=$o_DefaultBN->getAutorizacionSunatTicket()?>"/></td>
                                        <td nowrap="nowrap" class="cabecera">&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="SerieTicket" >Serie</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text text0" readonly name="SerieTicket" id="SerieTicket" value="<?=$o_DefaultBN->getSerieTicket()?>"/></td>
                                        <td nowrap="nowrap" class="cabecera">&nbsp;</td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <fieldset class="formGen " style="margin-top:0px">
                                <legend class="fielsettex">
                                    <input type="checkbox" name="DocumentoFormatoFlag" id="DocumentoFormatoFlag" value="S" class="example" 
                                           onchange="$('input.example').not(this).prop('checked', false);" 
                                           onclick="CargarDocumento();"
                                           <?php if( $o_DefaultBN->getDocumentoFormatoFlag()=="S" ){ echo "CHECKED"; } ?>
                                           />
                                    <label class="" for="DocumentoFormatoFlag" style="color:#fc6d00">Es Formato Impreso</label>
                                </legend> 
                                <table width="100%">
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="RUCImprimioFormato" >Ruc Imprimio</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text" name="RUCImprimioFormato" id="RUCImprimioFormato" value="<?=$o_DefaultBN->getRUCImprimioFormato()?>" style="text-align:center;"/></td>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="EmpresaImprimioFormato" >Empresa Imprimio</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text" name="EmpresaImprimioFormato" id="EmpresaImprimioFormato" value="<?=$o_DefaultBN->getEmpresaImprimioFormato()?>" style="text-align:center;"/></td>
                                    </tr>
                                    <tr>
                                        <td nowrap="nowrap" class="cabecera"><label class="label req" for="AutorizacionImprimioFormato" >Autorizaci&oacute;n Imprimio</label></td>
                                        <td nowrap="nowrap"><input type="text" class="text" name="AutorizacionImprimioFormato" id="AutorizacionImprimioFormato" value="<?=$o_DefaultBN->getAutorizacionImprimioFormato()?>" style="text-align:center;"/></td>
                                        <td nowrap="nowrap" class="cabecera">&nbsp;</label></td>
                                        <td nowrap="nowrap">&nbsp;</td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <?php if( $o_DefaultBN->getIdSucursalDocumento() ){ ?>
                    <tr>
                        <td colspan="3">
                            <input type="button" class="button" value="Auditoria" id="btnAudi">
                            <script>
                            $( "#btnAudi" )
                            .click
                            (
                                function()
                                {
                                    $( '#myIframe' ).attr( 'src', '<?=buildUrl( 'ptovta/audi', 'block=001&i_Id='.$o_DefaultBN->getIdSucursalDocumento() )?>' );
                                    $( '#dialog' ).dialog( 'open' );
                                }
                            )
                            </script>
                        </td>
                    </tr>
                    <?php } ?>
                </table>
            </fieldset>
        </td>
    </tr>
</table>

<div id="dialog" style="display:none;"><iframe id="myIframe" src="" frameborder="0" height="100%" width="100%"></iframe></div>
<script>
    objMainTab.modalUIDialog( "#dialog", { title : "Auditoria", width : 425, height  : 230 } );
</script>
                                                    
<script>
/*
function validate_fechaMayorQue( fechaInicial, fechaFinal )
{
    valuesStart = fechaInicial.split( "-" );
    valuesEnd   = fechaFinal.split( "-" );

    // Verificamos que la fecha no sea posterior a la actual
    var dateStart = new Date( valuesStart[0],(valuesStart[1]-1),valuesStart[2] );
    var dateEnd   = new Date( valuesEnd[0],(valuesEnd[1]-1),valuesEnd[2] );
    if( dateStart >= dateEnd )
    {
        return false;
    }
    return true;
}
*/
actualizarSerieActual = function()
{
    x = confirm( "Esta seguro de modificar el correlativo de la Serie?" );
    if( x )
    {
        blockContent( 'content_serie_actual' );
        var strFormSerialize = "TipoProc=actualizarSerieActual&NumeroActual=" + $( "#NumeroActual" ).val() + "&Id=<?=$o_DefaultBN->getIdSucursalDocumento()?>";
        executeAjaxJson
        ( 
            "<?php echo buildUrl( 'ptovta/request', "" ) ?>", 
            strFormSerialize,
            function( o_json )
            {
                unBlockContent( 'content_serie_actual' );
                if( o_json.error )
                {
                    //showAlertBootStrap( 'content_alert', 'alert-danger', o_json.mensaje_error );
                    mostrarMensajeError( o_json.mensaje_error );
                    return false;
                }
            } 
        );
    }
}

validacionesDelFormulario = function()
{
    //validacion de fechas
    var fecha_inicio = $( "#FechaInicioFormato" ).val();
    var fecha_fin    = $( "#FechaFinFormato" ).val();
    
    var b_result = validate_fechaMayorQue( fecha_inicio, fecha_fin );
    if( b_result )
    {
    	mostrarMensajeError( "La Fecha de Inicio no puede ser Mayor al Vencimiento." );
    	return true;
    }
    return false;
}
$.validator.setDefaults
(
    {
        submitHandler: function( form ) 
        {
            var b_Control = validacionesDelFormulario();
            if( !b_Control )
            {
                ejecutarGuardar();
            }
        }
    }
);
$( "#form1" ).validate();
</script>