<div id="mod_serie" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">NUEVA RESOLUCIÓN</h4>
            </div>
            <form id="nueva_serie" name="nueva_serie" class="form-horizontal" method="post">
                <div class="modal-body">
                    <div id="resultados_serie"></div>
                    <div class="row">
                        <div class="col-md-6" >
                            <label>Tipo de Documento</label>
                            <select name="ser_tipo_documento" id="ser_tipo_documento" onChange="xxxOnChange(this)" class="form-control name_list input-sm" required>
                                <option value=""> - - </option>
                                <?php if($facturador=='si') { ?>
                                <option value="electronica">Factura de Venta Electronica</option>
                                <option value="nota_credito">Nota Crédito</option>
                                <option value="nota_debito">Nota Debito</option>
                                <option value="pos_electronico">Documento Equivalente P.O.S</option>
                                <option value="nota_credito_pos">Nota Crédito al Documento Equivalente P.O.S</option>
                                <option value="nota_debito_pos">Nota Debito al Documento Equivalente P.O.S</option>
                                <option value="remision">Remision</option>
                                <option value="nomina">Nomina Individual</option>
                                <option value="nomina_ajuste">Nomina Individual de Ajuste</option>
                                <option value="doc_soporte">Documento de Soporte Electronico</option>
                                <option value="nota_doc_soporte">Nota de Ajuste al Documento Soporte Electrónico</option>
                                <?php } else { ?>
                                <option value="remision">Remision</option>

                                <?php } ?>
                            </select>

                            <div class="">                      
                                <label> Número resolución</label>
                                <input type="text" class="form-control input-sm" name="ser_resolucion" id="ser_resolucion" value="" required>
                            </div> <!-- /control-group -->
                            <div class="">                      
                                <label>Fecha de la resolución</label>
                                <input type="date" class="form-control input-sm" name="ser_fecha" id="ser_fecha" value="" required>
                            </div> <!-- /control-group -->
                             <div class="">                      
                                <label >Fecha de vencimiento</label>
                                <input type="date" class="form-control input-sm" name="ser_fecha_ven" id="ser_fecha_ven" value="" required>
                            </div> <!-- /control-group -->
                            <div class="">                      
                                <label >Prefijo </label>
                                <input type="text" class="form-control input-sm" name="ser_prefijo" id="ser_prefijo" value="" >
                            </div> <!-- /control-group -->
                            <div class="">                      
                                <label>Inicia rango de facturación </label>
                                <input type="number" class="form-control input-sm" name="ser_inicio" id="ser_inicio" value="" required>
                            </div> <!-- /control-group -->
                            <div class="">                      
                                <label >Termina rango de facturación </label>
                                <input type="number" class="form-control input-sm" name="ser_fin" id="ser_fin" value="" required>
                            </div> <!-- /control-group -->
                            </br>
                            <div class="">
                                <input name="ser_estado" id="ser_estado" type="checkbox" value="activo" checked >
                                <label class="lab" for="ser_estado" >Activa </label>
                            </div>
                            </br>
                            <div id="1" style="display: none;">
                                <div class="">
                                    <label>Clave tecnica</label>
                                    <input type="text" class="form-control input-sm" id="api_clave" name="api_clave" value="">
                                </div> <!-- /.form-group -->
                            </div>
                            <div id="0" style="display:"> </div>
                            <div class="modal-footer">
                                <button id="registrar_serie" type="submit" class="btn btn-success">Registrar </button> 
                            </div>
                        </div> <!-- /form-actions -->
                           
                        <div class="col-md-6" >
                            <div class="alert alert-info alert-dismissable">
                                <strong> Primero debe asociar rangos en el portal de la Dian. <a href="#" name="btn_clave" id="btn_clave" value="btn_clave" title="Nuevo" type="button" style="color:red;" >Consultar Aqui la Clave</a></strong> 
                            </div>
                            <div id="resultados_clave"></div>
                        </div>
                    </div> 
                </div>
            </form>
        </div>
    </div>
</div>

        

<script>
$("#btn_clave").click(function(event) {
$('#btn_clave').attr("disabled", true);
var ser_tipo_documento= $("#ser_tipo_documento").val();

var parametros = $(this).serialize();

    $.ajax({
    type: "POST",
    url: "php_api/5_clave.php",
    url:'./php_api/5_clave.php?&ser_tipo_documento='+ser_tipo_documento,
    data: parametros,
        beforeSend: function(objeto){
         $('#resultados_clave').html('<center><img src="./img/ajax-loader.gif"> CARGANDO...</center>');
        },
     
        success: function(datos){
        $("#resultados_clave").html(datos);
        $('#btn_clave').attr("disabled", false);
        }
    });
    event.preventDefault();
})


function load(page)
{
    var q= $("#q").val();
    $("#loader").fadeIn('slow');
    $.ajax({
        url:'./php_buscador/articulos_compras.php?action=ajax&page='+page+'&q='+q,
        beforeSend: function(objeto){
        $('#loader').html('<img src="./img/ajax-loader.gif"> Cargando...');
        },
        success:function(data){
          $(".outer_div").html(data).fadeIn('slow');
          $('#loader').html('');
        }
    })
}


function xxxOnChange(sel) 
{
    if (sel.value=="electronica")
    {
        divC = document.getElementById("1");
        divC.style.display = "";
        divT = document.getElementById("0");
        divT.style.display = "none";
    }
    else  
    {
        divC = document.getElementById("1");
        divC.style.display="none";

        divT = document.getElementById("0");
        divT.style.display = "";
    }
}
</script>