<?php
if (isset($conexion)) {
?>
    <div id="nuevoEmpleado" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title"><i class='fa fa-edit'></i> Nuevo Empleado</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" method="post" id="guardar_empleado" name="guardar_empleado">
                        <div id="resultados_ajax"></div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="nombre" class="control-label">Nombre:</label>
                                    <input type="text" class="form-control UpperCase" id="nombre" name="nombre" autocomplete="off" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="nit" class="control-label">Nit:</label>
                                    <input type="text" class="form-control" id="nit" name="nit" autocomplete="off" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="telefono" class="control-label">Telefono:</label>
                                    <input type="text" class="form-control" id="telefono" name="telefono" autocomplete="off" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="direccion" class="control-label">Dirección:</label>
                                    <textarea class="form-control UpperCase" id="direccion" name="direccion" maxlength="255" autocomplete="off"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="sucursal" class="control-label">Sucursal:</label>
                                    <select class="form-control" id="sucursal" name="sucursal" required>
                                        <option value="" selected>-- Selecciona --</option>
                                        <?php

                                        $query_sub = mysqli_query($conexion, "select id_sucursal, nombre_sucursal from sucursales order by nombre_sucursal");
                                        while ($rw = mysqli_fetch_array($query_sub)) {
                                        ?>
                                            <option value="<?php echo $rw['id_sucursal']; ?>"><?php echo $rw['nombre_sucursal']; ?></option>
                                        <?php
                                        }
                                        ?>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="estado" class="control-label">Estado:</label>
                                    <select class="form-control" id="estado" name="estado" required>
                                        <option value="">-- Selecciona --</option>
                                        <option value="1" selected>Activo</option>
                                        <option value="0">Inactivo</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="comision" class="control-label">Comisión:</label>
                                    <input type="number" class="form-control" id="comision" name="comision" autocomplete="off" required>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="cod" class="control-label">Codigo Empleado:</label>
                                    <input type="number" class="form-control" id="cod" name="cod" autocomplete="off" required>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary waves-effect" data-dismiss="modal">Cerrar</button>
                    <button type="submit" class="btn btn-primary waves-effect waves-light" id="guardar_datos">Guardar</button>
                </div>
                </form>
            </div>
        </div>
    </div><!-- /.modal -->
<?php
}
?>