<!-- Creado: Jorge Antonio Mendoza Salazar, 19/09/2016. Se crea la la vista. -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 08/11/2016. -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 29/11/2016. Se terminó la funcionalidad de la vista -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 07/12/2016. (Se corrigen errores en las rutas)-->
<!-- Modificado: Félix Ricardo Oliva Alonso, 02/01/2017. Se terminó la funcionalidad de la vista (Se cambió la función de Activo/Baja)-->
<!-- Modificado: Jorge Antonio Mendoza Salazar, 09/02/2017. Se cambió la función de Activo/Baja -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 08/03/2017. Se terminó la funcionalidad de listar-->


<?php
  use App\Libraries\ejLib;
  $var = ejLib::getInstance();
  $soapclient = $var->getWs();
  $wsClave = $var->get_wsClave();
/*
  $r_vCat_AccesosFE  = $soapclient->vCat_AccesosFE($wsClave);
  $RS_vCat_AccesosFE = new SimpleXMLElement(utf8_encode($r_vCat_AccesosFE));
*/
  $r_vCat_ModulosFE = $soapclient->vCat_ModulosFE($wsClave);
  $RS_vCat_ModulosFE = new SimpleXMLElement(utf8_encode($r_vCat_ModulosFE));

  // echo $r_vCat_AccesosFE;
  // echo '-----------------';
  // echo $r_vCat_ModulosFE;
?>

@extends('layouts.master')
@section('titulo')
  {{ 'Administrar Accesos' }}
@endsection

<?php
  $usuario = $_SESSION['usuario'];
  $decoded = $var->desencriptar_AES($usuario['tusuario'], $usuario['x']);
?>
@section('navegacion_admin')
  @include('layouts.navegacion_admin')
@endsection

@section('titulo_pagina')
  <div class="titulo_pagina">
    <h2>ADMINISTRAR ACCESOS</h2>
  </div>
@endsection

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/admingeneral.css">
<link rel="stylesheet" href="css/usuariogeneral.css">
<link rel="stylesheet" href="css/usuariocm.css">

<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/agregarcss.js"></script>
<script src="js/jqv/dist/jquery.validate.js"></script>
<script src="js/validar/root.js"></script>
<script src="js/notify.js"></script>

<script type="text/javascript">

    ///////////////////////////////////////////////////////////////////////////////////////
    //                                    Editar Acceso
    ///////////////////////////////////////////////////////////////////////////////////////

    $(document).on("click", ".editar_aacc", function(){

      var currentRow = $(this).closest("tr");
      var data = currentRow.find("#idacceso").html();
      $('#admin_accesos2').hide();
      $('#admin_accesos3').show();

      //alert(data);
      $.ajax({
        url:   'jquery-post',
        type:  'POST',
        data:  {"idacceso" : data},
        success:  function (response) {
          //alert(response);
          xmlDoc = $.parseXML( response ),
          $xml = $( xmlDoc );
          $($xml).each(function() {

            var titulomodulo = ($(this).find("Respuesta>titulomodulo").text());
            var titulo = ($(this).find("Respuesta>titulo").text());
            var ubicacion = ($(this).find("Respuesta>ubicacion").text());
            var descripcion = ($(this).find("Respuesta>descripcion").text());
            var id_modulo = ($(this).find("Respuesta>id_modulo").text());

            var id_acceso = ($(this).find("Respuesta>id_acceso").text());

            $('#modulo_aacc3').val(titulomodulo)
            $("#nombre_aacc3").val(titulo);
            $("#ubicacion_aacc3").val(ubicacion);
            $("#descripcion_aacc3").val(descripcion);
            $('select#modulo_aacc3').val(id_modulo);

            $('#id_acceso_aacc3').val(id_acceso)
          });
        },
        error : function(xhr, status) {
          alert('Disculpe, existió un problema');
        },
      });
    });

    ///////////////////////////////////////////////////////////////////////////////////////
    //                                    Cambiar Estado
    ///////////////////////////////////////////////////////////////////////////////////////

    $(document).on("click", "#status", function(){
      var currentRow = $(this).closest("tr");
      var idacceso = currentRow.find("#idacceso").html();
      var status = currentRow.find("#h_Status").val();
      var control = currentRow.find("#control").html();

      $.post({
        url:   'accesos-up_statusAccesoFE',
        data:  {'status':status,'idacceso':idacceso},
        success:  function (response) {
          //Convertimos la respuesta en objeto para recuperar la respuesta
          var xml = response,
          xmlDoc = $.parseXML( xml ),
          $xml = $( xmlDoc ),
          $error = $xml.find( "error" ),
          $titulo = $xml.find( "titulo" ),
          $descripcion = $xml.find( "descripcion" );

          if ($error.text() == "0" && status == 1){
            $( "td" ).find( "#cmdStatus" ).eq( control-1 ).prop('title', 'Establecer en activo el elemento');
            $( "td" ).find( "#cmdStatus" ).eq( control-1 ).attr('src', 'Img/Baja.png');
            $( "td" ).find( "#h_Status" ).eq( control-1 ).val("0");
          }

          if ($error.text() == "0" && status == 0){
            $( "td" ).find( "#cmdStatus" ).eq( control-1 ).prop('title', 'Establecer en baja el elemento');
            $( "td" ).find( "#cmdStatus" ).eq( control-1 ).attr('src', 'Img/Activar.png');
            $( "td" ).find( "#h_Status" ).eq( control-1 ).val("1");
          }

          if($error.text() == "1")
            $.notify($titulo.text()+', '+$descripcion.text(), "error");
          else
            $.notify("Cambio de estado exitoso", "success");
        },
        error : function(xhr, status) {
          $.notify("Disculpe, existió un problema", "error");
        },
      });
    });

    ////////////////////////////////////////////////
    //             Listar
    ////////////////////////////////////////////////
    $(document).on("click", "#btn_listar_ac", function(){

      $.ajax({
        type: "POST",
        url: 'accesos-AdministrarAccesosDelFE_getLstAccesoFE',
        data: $("#admin_accesos").serialize(),
        success: function(data) {
          //alert(data);
          $('#contenedor_tabla tr').remove();
          xmlDoc = $.parseXML(data),
          $xml = $( xmlDoc );

          var tabla = '<table border="1" class="table table-bordered" id="contenedorjquery">';
              tabla += '<tr>';
              tabla += '<th id="idacceso" style="display: none"></th><th class="col-sm-1" style="text-align:center;">N°</th><th class="col-sm-1">Módulo</th><th class="col-sm-2">Título</th><th class="col-sm-4">Descripción</th><th class="col-sm-3">URL</th><th class="col-sm-1" style="text-align:center;">Opciones</th>';
              tabla += '</tr>';
              tr = '';

          var activo='<a href="#" id="status"><input type="hidden" value="0" id="h_Status" name="h_Status"><img id="cmdStatus" src="Img/Baja.png" width="20px" height="20px" title="Establecer en Activo el elemento" style="cursor: pointer;"/> </a>';
          var baja='<a href="#" id="status"><input type="hidden" value="1" id="h_Status" name="h_Status"><img id="cmdStatus" src="Img/Activar.png" width="20px" height="20px" title="Establecer en baja el elemento" style="cursor: pointer;"/> </a>';
          var editar='<img class="editar_aacc" src="Img/Editar.png" width="20px" height="20px" title="Editar Acceso" style="cursor: pointer;"/> ';


          var existe = 0;
          var con = 1;
          $($xml).find("respuesta").each(function() {
            for (i = 1; i < 2; i++) {
              var id_acceso = ($(this).find("Respuesta>id_acceso").text());
              var id_modulo = ($(this).find("Respuesta>id_modulo").text());
              var titulo = ($(this).find("Respuesta>titulo").text());
              var titulo_modulo = ($(this).find("Respuesta>titulomodulo").text());
              var ubicacion = ($(this).find("Respuesta>ubicacion").text());
              var descripcion = ($(this).find("Respuesta>descripcion").text());
              var baja_log = ($(this).find("Respuesta>baja_log").text());

                if (baja_log==1) {
                  tr += '<tr>';
                  tr += '<td id="idacceso" style="display:none">'+id_acceso+'</td><td id="control" style="text-align: center;">'+con+'</td><td>'+titulo_modulo+'</td><td>'+titulo+'</td><td >'+descripcion+'</td><td>'+ubicacion+'</td><td style="text-align:center;">'+activo+editar+'</td>';
                  tr += '</tr>';
                  con++; existe++;
                } else {
                  tr += '<tr>';
                  tr += '<td id="idacceso" style="display:none">'+id_acceso+'</td><td id="control" style="text-align: center;">'+con+'</td><td>'+titulo_modulo+'</td><td>'+titulo+'</td><td >'+descripcion+'</td><td>'+ubicacion+'</td><td style="text-align:center;">'+baja+editar+'</td>';
                  tr += '</tr>';
                  con++; existe++;
                }

            }
          });

          if (existe==0) { // Se removieron las llaves de mas
            $.notify("Esta búsqueda no arrojo ningún resultado", "info");
          }

          tabla += tr;
          tabla += '</table>';
          $('#contenedor_tabla').html( tabla );
        },

        error : function(xhr, status) {
          alert("error");
        },
      });
      return false;
    });

</script>

<style media="screen">
  div.error {
    height: 15px;
    padding: 3px;
    background-color:rgba(0, 0, 0, 0.7);
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    font-size: 9pt;

    -webkit-box-shadow: 1px 2px 3px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 3px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 3px -1px rgba(0,0,0,0.75);

    position:absolute;
    margin-top:0px;
    margin-left:0px;
    text-align:left;
    color: #ffffff;
    animation: fadein 0.8s;
  }

  @keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
  }

  .upper{text-transform:uppercase; font-size: 9pt; text-align:center;};
</style>

@section('content')
  <div id="contenedor">
    {{-- <form id="admin_accesos" class="form-inline" method="post" action="{{url('accesos-AdministrarAccesosDelFE_getLstAccesoFE')}}"> --}}
    <form id="admin_accesos" class="form-inline">
      <input type="hidden" name="_token" value="{{csrf_token()}}">
      <div class="row">
        <div class="input-group-sm form-group col-sm-offset-3 col-sm-1">
          <?php if (isset($_SESSION['usuario']['x'])) { ?>
            <?php if(strlen(rtrim($decoded))==4) { ?>
              <button type="button" id="btn_agregar_aacc" href="#admin_accesos2">Agregar</button>
            <?php } else { ?>
            <?php } ?>
          <?php } ?>
        </div>

        <div class=" form-group col-md-2">
          <div class="input-group input-group-sm">
            <span class="input-group-addon" id="sizing-addon3">Módulo</span>
            <input id="modulo_aafe" name="modulo_aafe" type="text" class="form-control" placeholder="Máximo 200 caracteres" value="<?php if( isset($_POST['modulo_aafe']))echo utf8_encode($_POST['modulo_aafe']); ?>" >
          </div>
        </div>

        <div class=" form-group col-md-2">
          <div class="input-group input-group-sm">
            <span class="input-group-addon" id="sizing-addon3">Título</span>
            <input id="usuario_aafe" name="usuario_aafe" type="text" class="form-control" placeholder="Máximo 200 caracteres"
            value="<?php if( isset($_POST['usuario_aafe']))echo utf8_encode($_POST['usuario_aafe']); ?>" >
          </div>
        </div>

        <div class="col-sm-1">
          <div class="input-group input-group-sm">
            <span class="input-group-addon">
              <input type="checkbox" aria-label="Checkbox for following text input" id="activo_c" name="activo_c" <?php if(isset($_POST['activo_c']) && $_POST['activo_c'] == 'on') echo ' checked '; ?> >
            </span>
            <span class="input-group-addon">Activo</span>
          </div>
        </div>

        <div class="input-group-sm form-group col-md-1">
          {{-- <button type="submit"  id="btn_listar_ac"  >Listar</button> --}}
          <button type="button"  id="btn_listar_ac"  >Listar</button>
        </div>
      </div>
    </form>


    <div id="contenedor_tabla">

    </div>


    {{-- ////////////////////////////////////////// Agregar Acceso ////////////////////////////////////////// --}}
    <form id="admin_accesos2" method="post" action="{{url('accesos-AdministrarAccesosDelFE_add_AccesoFE')}}">
      <input type="hidden" name="_token" value="{{csrf_token()}}">
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">AGREGAR NUEVO ACCESO</div>
          <a href="#h_logo"><img src="Img/close.png" height="20"  class="cerrar_form" /></a>
        </div>
      </div>

      <div class="row">
        <div class="form-group-sm  col-md-3">
          <div class="form-inline">
            Módulo<br>
            <select name="modulo_aacc2" id="modulo_aacc2" class="form-control-img form-control" >
              <option disabled selected >Elija una opción</option>
              @foreach($RS_vCat_ModulosFE->respuesta as $mcat)
                <option value="{!! $mcat->id_modulo !!}">{!! utf8_decode($mcat->titulo) !!}</option>
              @endforeach
            </select>
            <img src="Img/add.png" height="23" data-toggle="modal" data-target="#agregar_modulo_aacc2" class="cerrar_form2" title="Agregar nuevo Módulo" style="cursor: pointer;"/>
          </div>
        </div>

        <div class=" form-group-sm  col-md-2">
          Título<input type="text" class="form-control" name="nombre_aacc2" id="nombre_aacc2"  placeholder="Máximo 200 caracteres" value=""/>
        </div>

        <div class=" form-group-sm  col-md-2">
          Ubicación<input type="text" class="form-control" name="ubicacion_aacc2" id="ubicacion_aacc2"  placeholder="Máximo 200 caracteres" />
        </div>

        <div class="form-group-sm col-md-3">
          Descripción: <br><textarea id="descripcion_aacc2" name="descripcion_aacc2" rows="5" cols="45"></textarea><br />
        </div>
      </div>

      <div class="sombra_cm">
        <div class="col1">
          <button type="submit" id="btn_guardar_aacc2">Guardar</button>
        </div>
      </div>
    </form>

    {{-- ///////////////////////////////////////// Agregar Modulo ///////////////////////////////////////// --}}
    <form id="agregar_modulo_aacc2"   class="modal fade" method="post" action="{{url('accesos-AdministrarCatalogos_add_ModuloFE')}}">
      <input type="hidden" name="_token" value="{{csrf_token()}}">
      <div class="modal-dialog modal-sm">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" id="nuevo_modulo_aacc2" name="nuevo_modulo_aacc2" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Agregar nuevo Módulo:</h4>
          </div>

          <div class="modal-body">
            <div class="input-group input-group-sm">
              <span class="input-group-addon" id="sizing-addon3">Módulo</span>
              <input type="text" id="nuevo_modulo_aacc2" name="nuevo_modulo_aacc2" class="form-control" placeholder="Máximo 200 caracteres" >
            </div>

            <br>
            <div class="input-group input-group-sm">
              Descripción: <br><textarea id="des_modulo_aacc2" name="des_modulo_aacc2" rows="4" cols="38"></textarea><br />
            </div>
          </div>

          <div class="modal-footer">
            <button type="submit" class="btn btn-default" id="btn_guardar_n_aacc2" name="btn_guardar_n_aacc2">Guardar</button>
          </div>
        </div>
      </div>
    </form>

    {{-- ////////////////////////////////////////// Editar Acceso ////////////////////////////////////////// --}}
    <form id="admin_accesos3"  method="post" action="accesos-AdministrarAccesosDelFE_up_AccesoFE">
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">EDITAR ACCESO</div>
          <a href="#h_logo"><img src="Img/close.png" height="20"  class="cerrar_form" /></a>
        </div>
      </div>

      <div class="row">
        <div class="form-group-sm  col-md-3">
          <div class="form-inline">
            Módulo<br>
            <select name="modulo_aacc3" id="modulo_aacc3" class="form-control-img form-control" >
              <option disabled selected >Elija una opción</option>
              @foreach($RS_vCat_ModulosFE->respuesta as $mcat)
                <option value="{!! $mcat->id_modulo !!}">{!! utf8_decode($mcat->titulo) !!}</option>
              @endforeach
            </select>
            <img src="Img/add.png" height="23" data-toggle="modal" data-target="#agregar_modulo_aacc2" class="cerrar_form2" title="Agregar nuevo Módulo" style="cursor: pointer;"/>
          </div>
        </div>

        <div class=" form-group-sm  col-md-2">
          Título<input type="text" class="form-control" name="nombre_aacc3" id="nombre_aacc3"  placeholder="Máximo 200 caracteres" value=""/>
        </div>

        <div class=" form-group-sm  col-md-2">
          Ubicación<input type="text" class="form-control" name="ubicacion_aacc3" id="ubicacion_aacc3"  placeholder="Máximo 200 caracteres" value=""/>
        </div>

        <div class="form-group-sm col-md-3">
          Descripción: <br><textarea rows="5" cols="45" id="descripcion_aacc3" name="descripcion_aacc3" value=""></textarea><br />
        </div>
      </div>

      <div class=" form-group-sm  col-md-2" style="display: none">
        <input type="text" class="form-control" name="id_acceso_aacc3" id="id_acceso_aacc3"   value=""/>
      </div>

      <div class="sombra_cm" >
        <div class="col1">
          <button type="submit" id="btn_guardar_aacc3">Guardar</button>
        </div>
      </div>
    </form>
  </div>
@endsection
