<?php
// use App\Libraries\ejLib;
// $var = ejLib::getInstance();
// $soapclient = $var->getWs();
// $wsClave = $var->get_wsClave();
?>

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

<script>
  $(document).ready(function() {
    ///////////////////////////////////////////////////////////////////////////////////////
    //                                  Visualizar Clave
    ///////////////////////////////////////////////////////////////////////////////////////
    $('.eye').css('opacity','0.6');

    $('.eye').hover(function () {
      $('.password').attr('type', 'text');
      $(this).css('cursor','pointer');
      $(this).css('opacity','1');
    }, function () {
       $('.password').attr('type', 'password');
       $(this).css('opacity','0.6');
    });

    ///////////////////////////////////////////////////////////////////////////////////////
    //                                    Guardar Clave
    ///////////////////////////////////////////////////////////////////////////////////////
    $(function() {
      $("#btn_guardar_clave").click(function(){
        $.ajax({
          type: "POST",
          url: 'usuario-AdministrarCuentasDeUsuario_add_claveUsuario',
          data: $("#agregar_clave").serialize(),
          success: function(data) {
            // alert(data);
            xmlDoc = $.parseXML( data ),
            $xml = $( xmlDoc );
            $($xml).each(function(){

              var error = ($(this).find("Respuesta>error").text());
              var titulo = ($(this).find("Respuesta>titulo").text());
              var descripcion = ($(this).find("Respuesta>descripcion").text());

              if(error==0) {
                $.notify("Registro actualizado exitosamente", "success");
                $('#agregar_clave')[0].reset();
              }

              if(error==1) {
                $.notify(descripcion, "error");
                $.notify(titulo, "error");
              }
            });
          },

          error : function(xhr, status) {
            $.notify("No se pudo actualizar el registro", "error")
          },
        });
      return false;
      });
    });

    $( ".cerrar_form" ).click(function() {
      jqGetAjax("cerrar","tblMovimientos", {  });
    });
  });
</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);

    float: right;
    text-align:left;
    color: #ffffff;
    animation: fadein 0.8s;
  }

  @keyframes fadein {
    from { opacity: 0}
    to   { opacity: 1}
  }
</style>

<form id="agregar_clave" method="post" action="<?php echo e(url('usuario-AdministrarCuentasDeUsuario_add_claveUsuario')); ?>">
  <div class="row">
    <div class="titulo_fondo">
      <div class="titulo_pagina2">AGREGAR CLAVE</div>
      <img src="Img/close.png" height="20"  class="cerrar_form"/>
    </div>
  </div>

  <div class="row" style="margin-bottom: 10px;">
    <div class=" form-group-sm col-sm-3">
      <label><b>Centro de Salud actual:</b></label>
      <input type="text" class="form-control" name="centro_acu" id="centro_acu" readonly="readonly"/>
    </div>

    <div class=" form-group-sm col-md-1" style="width: 105px;">
      <label><b>Nombre corto:</b></label>
      <input type="text" class="form-control" name="nomc_acu" id="nomc_acu" readonly="readonly"/>
    </div>

    <div class=" form-group-sm col-sm-4">
      <label><b>Nombre completo de la cuenta:</b></label>
      <input type="text" class="form-control" name="nom_acu" id="nom_acu" readonly="readonly"/>
    </div>

    <div class=" form-group-sm col-sm-2">
      <label><b>Especialidad:</b></label>
      <input type="text" class="form-control" name="spc_acu" id="spc_acu" readonly="readonly"/>
    </div>
  </div>

  <div class="row">
    <div class=" form-group-sm col-md-5">
      <label>Usuario:</label>
      <input type="text" class="form-control password" name="usuario_acu" id="usuario_acu"  placeholder="Máximo 50 caracteres"/>
    </div>
    <div class=" form-group-sm col-md-5 col-md-offset-1">
      <label>Clave temporal:</label>
      <div class="input-group">
        <span class="input-group-addon eye" id="sizing-addon3"><img src="img/eye.png"  height="10px" ></span>
        <input type="text" class="form-control password" name="clave_acu" id="clave_acu"  placeholder="Máximo 32 caracteres"/>
      </div>
    </div>
  </div>

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

  <br>
  <div class="sombra_cm">
    <div class="col1">
      <button type="submit" name="btn_guardar_clave" id="btn_guardar_clave">Guardar</button>
    </div>
  </div>
</form>
<?php /**PATH C:\xampp_fe80\htdocs\siseec\resources\views/usuario/mostarAddKeyUsuario.blade.php ENDPATH**/ ?>