<?php //print_r($_SESSION);             ?>

<div align="center" id="cargarDatos" >
</div>
<div id="formSolicitar">
    <form id="form-solicitud" onsubmit="return false;" method="post" name="form-solicitud">

        <div class="">
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-6 ">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="cedulaEmpleado">Tu Cédula</label>
                            <div class="input-group">
                                <input type="number" class="form-control cedulaEmpleado" 
                                       name="cedulaEmpleado" id="cedulaEmpleado" 
                                       <?php if (Cliente::estaLogueado()): ?>
                                           value="<?= Cliente::cedula() ?>" readonly=""
                                       <?php endif; ?>                                       
                                       placeholder="Cedula" required style="height: 35px !important;">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" id="btnCedulaEmpleado" type="button" style="height: 35px !important;"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="nombreEmpleado">Tu Nombre</label>
                            <input type="text" class="form-control datosColaborador" id="nombreEmpleado" name="nombreEmpleado" placeholder="Nombre del Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>   
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="correoEmpleado">Correo</label>
                            <input type="text" class="form-control datosColaborador" id="correoEmpleado" name="correoEmpleado" placeholder="Correo del Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div> 
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="cargoEmpleado">Cargo</label>
                            <input type="text" class="form-control datosColaborador" id="cargoEmpleado" name="cargoEmpleado" placeholder="Cargo Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="departamentoEmpleado">Dirección / División</label>
                            <input type="text" class="form-control datosColaborador" id="departamentoEmpleado" name="departamentoEmpleado" 
                                   placeholder="Departamento Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>
                </div>
                <div  class="col-xs-12 col-sm-8 col-md-6" >
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="jefenombreEmpleado">Jefe Inmediato</label>
                            <input type="text" class="form-control datosColaborador" id="jefenombreEmpleado" name="jefenombreEmpleado" placeholder="Cargo Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="jefecoreoEmpleado">Correo</label>
                            <input type="text" class="form-control datosColaborador" id="jefecoreoEmpleado" name="jefecoreoEmpleado" placeholder="Cargo Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="jefeunidadEmpleado">Dirección / División</label>
                            <input type="text" class="form-control datosColaborador" id="jefeunidadEmpleado" name="jefeunidadEmpleado" 
                                   placeholder="Departamento Colaborador" disabled required style="height: 35px !important;">
                        </div>
                    </div>
                    <hr />
                    <div class="col-md-12">
                        <div class="input-append date form_datetime">
                            <label for="fechaIncioPermiso">Fecha y Hora de Inicio de Permiso</label>
                            <input type="text" class="form-control" name="fechaInicioPermiso"  id="fechaInicioPermiso"
                                   placeholder="Fecha y Hora de Inicio de Permiso" required style="height: 35px !important;">
                            <span class="add-on"><i class="icon-th"></i></span>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="motivoPermiso">Motivo del Permiso</label>
                            <select id="motivoPermiso" name="motivoPermiso" class="form-control" required style="height: 35px !important;">
                                <?php foreach ($Motivos as $motivo) : ?>
                                    <option value="<?= $motivo->permisoMotivoID; ?>"><?= $motivo->permisoMotivoTITULO; ?></option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr />
        <div class="col-md-12">
            <div class="form-group">
                <label for="JustificacionPermiso">Asunto del Permiso</label>
                <textarea class="form-control" required=""
                          id="JustificacionPermiso" name="JustificacionPermiso" rows="3"></textarea>
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group">
                <label class="checkbox-inline">
                    <input id="politica-permisos" name="politica" type="checkbox" value="ACEPTO" required="" > 
                    Acepto las <a href="javascript:void(0)" onclick="abrirPoliticaPermisos();" title="Clic para ver la politica de uso.">politicas, terminos y condiciones</a> de USO de la aplicación.
                </label>                                        
            </div>
        </div>
        <div class="col-md-12 " align="right">
            <div class="btn-group" role="group">
                <button type="reset" class="btn btn-default">Limpiar Formulario</button>
                <button id="btn-enviar" type="submit" class="btn btn-primary" disabled="">Realizar Solicitud</button>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('.form_datetime').datetimepicker({
            autoclose: true,
            format: 'yyyy-mm-dd hh:ii',
            showMeridian: true,
            startDate: new Date()
        });
        $("#btnCedulaEmpleado").click(function () {
            verificarIdentificacionColaborador($('#cedulaEmpleado').val(), actualizarDatosColaborador);
        });
    <?php if (Cliente::estaLogueado()): ?> $("#btnCedulaEmpleado").click(); <?php endif; ?>
        //activarVerificacionCedula('cedulaEmpleado', actualizarDatosColaborador);
        $("#form-solicitud").submit(function (evt) {
            registrarPermiso($(this).serialize());
            evt.preventDefault();
        });
    });

    function actualizarDatosColaborador(datos) {
        /*procesarRespuesta(datos,
                function (datos) {*/
                if(datos!=null){
                    console.log(datos.Colaborador);
                    var Colaborador = datos.Colaborador;
                    $("#cedulaEmpleado").val(Colaborador.personaIDENTIFICACION);
                    $("#nombreEmpleado").val(Colaborador.personaNOMBRES + " " + Colaborador.personaAPELLIDOS);
                    $("#correoEmpleado").val(Colaborador.colaboradorEMAIL);
                    $("#cargoEmpleado").val(Colaborador.cargoTITULO);
                    $("#departamentoEmpleado").val(Colaborador.unidadTITULO);
                    $("#jefenombreEmpleado").val(Colaborador.jefeInmediatoNOMBRES + " " + Colaborador.jefeInmediatoAPELLIDOS);
                    $("#jefecoreoEmpleado").val(Colaborador.jefeInmediatoColaboradorEMAIL);
                    $("#jefeunidadEmpleado").val(Colaborador.jefeInmediatoUnidadTITULO);
                    $("#btn-enviar").removeAttr('disabled');
                    $("#cargarDatos").html("");
                }else{
                    $(".datosColaborador").val("");
                    $("#btn-enviar").attr('disabled', '');
                    $("#cargarDatos").html("Verifique la cedula. No se ha podido identificar al colaborador.");
                }
      //  );*/
    }

    function registrarPermiso(datosPermiso) {
        ejecutarOperacionJSON(
                "permisos", "registroPermiso", datosPermiso,
                function (datos) {
                    /*procesarRespuesta(datos, function (datos) {*/
                        cargarVistaApps('permisos', 'confirmarPermiso',
                                'idPermiso=' + datos.DATOS.IDPERMISO);
                    //});
                }
        );
    }

</script>