<?php
require_once('Conexion/conexion.php');
require_once('Conexion/conexionPDO.php');
@session_start();

$con = new ConexionPDO();
$compania = $_SESSION['compania'];
$id = base64_decode(($_REQUEST["id"]));
$conexion = $_SESSION['conexion'];



//DEPENDENCIA
$rowD = $con->Listar("SELECT id_unico, nombre FROM gf_dependencia WHERE id_unico='$id' ");

//TERCERO
switch ($_SESSION['conexion']) {
    case 1:
        $tercero = $con->Listar("SELECT  IF(CONCAT_WS(' ', ter.nombreuno, ter.nombredos, ter.apellidouno, ter.apellidodos) IS NULL OR CONCAT_WS(' ', ter.nombreuno, ter.nombredos, ter.apellidouno, ter.apellidodos)='' ,(ter.razonsocial),CONCAT_WS(' ',ter.nombreuno,ter.nombredos,ter.apellidouno,ter.apellidodos)) AS 'NOMBRE', "
            . "ter.id_unico, ter.numeroidentificacion FROM gf_tercero ter WHERE ter.compania = $compania  ORDER BY NOMBRE ASC LIMIT 20");
        break;
    case 2:
        $tercero = $con->Listar("SELECT ter.razonsocial||' '||ter.nombreuno||' '||ter.nombredos||' '||ter.apellidouno||' '||ter.apellidodos , 
        ter.id_unico, ter.numeroidentificacion FROM gf_tercero ter WHERE ter.compania = $compania ORDER BY ter.razonsocial||' '||ter.nombreuno||' '||ter.nombredos||' '||ter.apellidouno||' '||ter.apellidodos ASC FETCH FIRST 20 ROWS ONLY");
        break;

    default:
        # code...
        break;
}


//ESTADO
switch ($_SESSION['conexion']) {
    case 1:
        $resultado = $con->Listar("SELECT IF(CONCAT_WS(' ', t.nombreuno, t.nombredos, t.apellidouno, t.apellidodos) IS NULL OR CONCAT_WS(' ', t.nombreuno, t.nombredos, t.apellidouno, t.apellidodos)='' ,(t.razonsocial),CONCAT_WS(' ',t.nombreuno,t.nombredos,t.apellidouno,t.apellidodos)) AS 'NOMBRE', t.id_unico, t.numeroidentificacion, dr.dependencia, dr.responsable, dr.movimiento, dr.estado, eu.id_unico, eu.nombre FROM gf_dependencia_responsable dr LEFT JOIN gf_tercero t ON dr.responsable = t.id_unico LEFT JOIN gs_estado_usuario eu ON dr.estado = eu.id_unico WHERE dr.dependencia='$id' ");
        break;
    case 2:
        $resultado = $con->Listar("SELECT t.razonsocial||' '||t.nombreuno||' '||t.nombredos||' '||t.apellidouno||' '||t.apellidodos, t.id_unico, t.numeroidentificacion, dr.dependencia, dr.responsable, dr.movimiento, dr.estado, eu.id_unico, eu.nombre FROM gf_dependencia_responsable dr LEFT JOIN gf_tercero t ON dr.responsable = t.id_unico LEFT JOIN gs_estado_usuario eu ON dr.estado = eu.id_unico WHERE dr.dependencia='$id' ");
        break;

    default:
        # code...
        break;
}
$esta = $con->Listar("SELECT id_unico, nombre FROM gs_estado_usuario ORDER BY nombre ASC");



//LISTAR




require_once 'head_listar.php';
?>
<link rel="stylesheet" href="css/select2.css">
<link rel="stylesheet" href="css/select2-bootstrap.min.css" />

<script src="dist/jquery.validate.js"></script>
<script>
    $().ready(function() {
        var validator = $("#form").validate({
            ignore: "",
            errorPlacement: function(error, element) {
                $(element)
                    .closest("form")
                    .find("label[for='" + element.attr("id") + "']")
                    .append(error);
            },
        });

        $(".cancel").click(function() {
            validator.resetForm();
        });
    });
</script>
<style>
    label#responsable-error,
    #estado-error {
        display: block;
        color: #155180;
        font-weight: normal;
        font-style: italic;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 1px 18px;
    }

    table.dataTable tbody td,
    table.dataTable tbody td {
        padding: 1px
    }

    .dataTables_wrapper .ui-toolbar {
        padding: 2px
    }

    .shadow {
        box-shadow: 1px 1px 1px 1px gray;
        color: #fff;
        border-color: #1075C1;
    }
</style>
<title>Dependencia Responsable</title>
</head>

<body>
    <div class="container-fluid text-center">
        <div class="row content">
            <?php require_once 'menu.php'; ?>
            <div class="col-sm-10 text-left">
                <h2 align="center" class="tituloform" style="margin-top:-3px">Dependencia Responsable</h2>
                <a href="<?php echo $_SESSION['url']; ?>" class="glyphicon glyphicon-circle-arrow-left" style="display:inline-block;margin-left:10px; font-size:150%; vertical-align:middle;text-decoration:none" title="Volver"></a>
                <h5 id="forma-titulo3a" align="center" style="width:92%; display:inline-block; margin-bottom: 10px; margin-right: 4px; margin-left: 4px; margin-top:-5px;  background-color: #0e315a; color: white; border-radius: 5px">Dependencia:<?php echo ucwords((strtolower($rowD[0][1]))); ?></h5>
                <div style="border: 4px solid #020324; border-radius: 10px; margin-left: 4px; margin-right: 4px; margin-top: -3px;" class="client-form">
                    <form name="form" id="form" class="form-horizontal" method="POST" enctype="multipart/form-data" action="javascript:agregar()">
                        <input type="hidden" id="dependencia" value="<?php echo $rowD[0][0] ?>" name="dependencia">
                        <p align="center" style="margin-bottom: 25px; margin-top:0px; margin-left: 40px; font-size: 80%">Los campos marcados con <strong style="color:#03C1FB;">*</strong> son obligatorios.</p>
                        <div class="form-group form-inline">
                            <label for="responsable" class="control-label col-sm-2" style="width:100px; display: inline; margin-left: 20px;"><strong style="color:#03C1FB;">*</strong>Responsable:</label>
                            <div class="form-group form-inline " style="margin-top: 0px; margin-left: 30px;">
                                <select name="responsable" id="responsable" required="required" class="select2_single form-control" style="display:inline-block; width:250px; margin-bottom:15px;  text-align-last:left;" title="Seleccione Responsable">
                                    <option value="">Responsable</option>
                                    <?php for ($i = 0; $i < count($tercero); $i++) { ?>
                                        <option value="<?php echo $tercero[$i][1] ?>"><?php echo ucwords((strtolower($tercero[$i][0] . ' (' . $tercero[$i][2] . ')')));
                                                                                    } ?></option>;
                                </select>
                            </div>
                            <div class="form-group form-inline " style="margin-top: -24px; margin-left: 40px">
                                <label for="movimiento" class="control-label" style="display: inline-block; margin-top: -13px;"><strong style="color:#03C1FB;">*</strong>Movimiento:</label>
                                <input type="radio" name="movimiento" id="movimiento" value="1">SI
                                <input type="radio" name="movimiento" id="movimiento" value="2" checked>NO
                            </div>
                            <div class="form-group form-inline " style="margin-left:60px">
                                <label for="estado" class="control-label col-sm-2 "><strong style="color:#03C1FB;">*</strong>Estado:</label>
                                <select name="estado" id="estado" class="form-control" title="Seleccione estado" required style=" width: 200px; height:35px; margin-left: 10px;">
                                    <option value="">Estado</option>
                                    <?php for ($i = 0; $i < count($esta); $i++) { ?>
                                        <option value="<?php echo $esta[$i][0] ?>"><?php echo ucwords((strtolower($esta[$i][1])));
                                                                                } ?></option>;
                                </select>
                                <button type="submit" class="btn btn-primary sombra glyphicon glyphicon-floppy-disk" style=" margin-top: 2px; margin-bottom: 10px; "></button>
                                <input type="hidden" name="MM_insert">
                            </div>
                        </div>
                    </form>
                </div>
                <div align="center" class="table-responsive" style="margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 5px;">
                    <div class="table-responsive" style="margin-left: 5px; margin-right: 5px;">
                        <table id="tabla" class="table table-striped table-condensed" class="display" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <td style="display: none;">Identificador</td>
                                    <td width="30px"></td>
                                    <td><strong>Responsable</strong></td>
                                    <td><strong>Movimiento</strong></td>
                                    <td><strong>Estado</strong></td>
                                </tr>
                                <tr>
                                    <th style="display: none;">Identificador</th>
                                    <th width="7%"></th>
                                    <th>Responsable</th>
                                    <th>Movimiento</th>
                                    <th>Estado</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php
                                for ($i = 0; $i < count($resultado); $i++) { ?>
                                    <tr>
                                        <td style="display: none;"><?php echo $resultado[$i][3] ?></td>
                                        <td><a href="#" onclick="javascript:eliminar(<?php echo $resultado[$i][3] . ',' . $resultado[$i][4] . ',' . $resultado[$i][5] . ',' . $resultado[$i][6] ?>);"><i title="Eliminar" class="glyphicon glyphicon-trash"></i></a>

                                        </td>
                                        <td><?php echo ucwords(strtolower($resultado[$i][0] . '(' . $resultado[$i][2] . ')')); ?></td>
                                        <td>
                                            <?php
                                            switch ($resultado[$i][5]) {
                                                case 1:
                                                    echo '<label style="font-weight:normal" id="labelPropietario' . $resultado[$i][3] . $resultado[$i][4] . '">Sí</label>';
                                                    break;
                                                case 2:
                                                    echo '<label style="font-weight:normal" id="labelPropietario' . $resultado[$i][3] . $resultado[$i][4] . '">No</label>';
                                                    break;
                                            } ?>
                                        </td>
                                        <td><?php echo ucwords(strtolower($resultado[$i][8])); ?></td>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Confirmar</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>¿Desea eliminar el registro seleccionado de Dependencia Responsable?</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                    <button type="button" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Cancelar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal1" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>Información eliminada correctamente</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver1" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal2" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>No se pudo eliminar la información, el registro seleccionado esta siendo usado por otra dependencia.</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver2" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>

    <!--  MODAL para los mensajes del  modificar -->
    <div class="modal fade" id="myModal5" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>Información modificada correctamente.</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver5" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal6" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>La información no se ha podido modificar.</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver6" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal7" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24px; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <p>Registro ingresado ya existe.</p>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="ver7" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
    <?php require_once 'footer.php'; ?>
    <script type="text/javascript" src="js/select2.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script>
        $(".select2_single").select2({
            allowClear: true
        });

        function agregar() {

            jsShowWindowLoad('Agregando Datos ...');
            var formData = new FormData($("#form")[0]);
            $.ajax({
                type: 'POST',
                url: "Json/registrar_GF_DEPENDENCIARESJson.php?action=2",
                data: formData,
                contentType: false,
                processData: false,
                success: function(response) {
                    jsRemoveWindowLoad();
                    console.log(response);
                    if (response == 1) {
                        $("#mensaje").html('Información agregada correctamente');
                        $("#modalMensajes").modal("show");
                        $("#Aceptar").click(function() {
                            $("#modalMensajes").modal("hide");
                            document.location = "GF_DEPENDENCIA_RESPONSABLE.php?id=<?php echo base64_encode($id); ?>";
                        })



                    } else {
                        $("#mensaje").html('No Se Ha Podido Agregar Información');
                        $("#modalMensajes").modal("show");
                        $("#Aceptar").click(function() {
                            $("#modalMensajes").modal("hide");
                        })

                    }
                }
            });
        }

        function eliminar(dep, res, mov, est) {

            $("#myModal").modal('show');
            $("#ver").click(function() {
                jsShowWindowLoad('Eliminando Datos ...');
                $("#mymodal").modal('hide');
                var form_data = {
                    action: 1,
                    dep: dep,
                    res: res,
                    mov: mov,
                    est: est
                };
                $.ajax({
                    type: 'POST',
                    url: "Json/registrar_GF_DEPENDENCIARESJson.php?action=1&dep=" + dep + "&res=" + res + "&mov=" + mov + "&est=" + est,
                    data: form_data,
                    success: function(response) {
                        jsRemoveWindowLoad();
                        console.log(response);
                        if (response == 1) {
                            $("#mensaje").html('Información Eliminada Correctamente');
                            $("#myModal1").modal("show");

                            $("#Aceptar").click(function() {

                                document.location.reload();
                            })



                        } else if (response == 2) {
                            $("#mensaje").html('No Se Ha Podido Eliminar La Información');
                            $("#myModal2").modal("show");
                            $("#Aceptar").click(function() {
                                $("#modalMensajes").modal("hide");
                            })
                        } else {
                            $("#mensaje").html(
                                'No se puede eliminar la información, ya que la actividad posee Seguimiento(s)'
                            );
                            $("##myModal2").modal("show");
                            $("#Aceptar").click(function() {
                                $("#modalMensajes").modal("hide");
                            })
                        }
                    }
                });
            });
        }




        $('#btnModifico').click(function() {
            document.location = 'GF_DEPENDENCIA_RESPONSABLE.php?id=<?php echo $id; ?>';
        });

        $('#btnNoModifico').click(function() {
            document.location = 'GF_DEPENDENCIA_RESPONSABLE.php?id=<?php echo $id; ?>';
        });

        function modal() {
            $("#myModal").modal('show');
        }

        $('#ver1').click(function() {
            document.location = 'GF_DEPENDENCIA_RESPONSABLE.php?id=<?php echo base64_encode($id); ?>';
        });

        $('#ver2').click(function() {
            document.location = 'GF_DEPENDENCIA_RESPONSABLE.php?id=<?php echo $id; ?>';
        });

        $('#s2id_autogen1_search').on("keydown", function(e) {
            let term = e.currentTarget.value;
            let form_data4 = {
                action: 8,
                term: term
            };
            console.log('tercero');
            $.ajax({
                type: "POST",
                url: "jsonPptal/gf_tercerosJson.php",
                data: form_data4,
                success: function(data) {
                    let option = '<option value=""> - </option>';
                    option = option + data;
                    $("#responsable").html(option);

                }
            });
        });
    </script>
    <div class="modal fade" id="modalMensajes" role="dialog" align="center">
        <div class="modal-dialog">
            <div class="modal-content">
                <div id="forma-modal" class="modal-header">
                    <h4 class="modal-title" style="font-size: 24; padding: 3px;">Información</h4>
                </div>
                <div class="modal-body" style="margin-top: 8px">
                    <label id="mensaje" name="mensaje" style="font-weight: normal"></label>
                </div>
                <div id="forma-modal" class="modal-footer">
                    <button type="button" id="Aceptar" class="btn" style="color: #000; margin-top: 2px" data-dismiss="modal">Aceptar</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>