<!-- Creado: Jorge Antonio Mendoza Salazar, 20/09/2016. Se crea la la vista. -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 08/11/2016. -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 07/12/2016. Se termina las funcionalidad de editar  -->
<!-- Modificado: Félix Ricardo Oliva Alonso, 20/12/2016. Se termina las funcionalidad de clonar -->

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

  $response = $soapclient->vCat_CentroSalud($wsClave);
  $RESPUESTAS = new SimpleXMLElement(utf8_encode($response));

  $response2 = $soapclient->vCat_PerfilesFE($wsClave);
  $RESPUESTAS2 = new SimpleXMLElement(utf8_encode($response2));

  $response3 = $soapclient->vCat_ModulosFE($wsClave);
  $RESPUESTAS3 = new SimpleXMLElement(utf8_encode($response3));

?>



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

@section('navegacion_admin')
  @include('layouts.navegacion_admin')
@endsection


@section('titulo_pagina')
  <div class="titulo_pagina">
    <h2>ADMINISTRAR PERFILES DE USUARIO DE FRONT-END</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/bootstrap.js"></script>
<script src="js/agregarcss.js"></script>
<script src="js/jqv/dist/jquery.validate.js"></script>
<script src="js/validar/root.js"></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>



<script type="text/javascript">
$(document).ready(function(){

    $("#contenedorjquery").on('click', '.editar_perfil_ap', function() {
        var currentRow = $(this).closest("tr");
        var data = currentRow.find("#idperfil").html();
        var data2 = currentRow.find("#centrosal").html();
        alert(data);
        alert(data2)

        $.ajax({
                   url:   'jq/adminPerfiles',
                   type:  'POST',
                   data:  {"idperfil" : data, "centrosal" : data2},

                   success:  function (response) {
                      alert(response);

                      xmlDoc = $.parseXML( response ),
                      $xml = $( xmlDoc );
                      $($xml).each(function(){

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

                         var perfil = ($(this).find("Respuesta>perfil").text());
                         var actividades = ($(this).find("Respuesta>actividades").text());
                         var id_perfil = ($(this).find("Respuesta>id_perfil").text());

                         $('#cen_sal_ap4').val(nom_centrosalud);
                         $('#perfil_ap4').val(perfil);
                         $('#id_perfil_ap4').val(id_perfil);
                         $('#actividades_ap4').val(actividades);

                       });


                     },

                   error : function(xhr, status) {
                        alert('Disculpe, existió un problema');
                    },
             });



    });










});

</script>



@section('content')
  <div id="contenedor">

<form method="POST" action="{{url('root-admin-perfiles-prueba')}}" >

  <div class="row">
    <div class="input-group-sm form-group-sm  col-md-3">
      Centro de salud
      <select id="lugar_n" name="lugar_n" class="form-control" onchange="this.form.submit()">
        <option disabled selected>Elija una opción</option>
          @foreach($RESPUESTAS->respuesta as $cs)
            <option value="{!! $cs->centro_sal !!}">{!! $cs->desc_centr !!}</option>
          @endforeach
      </select>
    </div>

    <div class=" form-group  col-md-offset-10">
      <label class="col-md-offset-5"><b>Tipo de cuenta</b></label>
        <label class="col-md-offset-5"><i>Esta es mi cuenta</i></label>
      </div>
    </div>
</form>



    <form name="admin_perfiles" id="admin_perfiles"  method="post" action="{{url('root-admin-perfiles-AdministrarPerfilesDeUsuarioDeFE_getLstPerfilFE')}}"  >
    <input type="hidden" name="_token" value="{{csrf_token()}}">

      <div id="form" >


        <div class="row">

          <div class="input-group-sm form-group col-md-2">
            <button type="submit" id="btn_listar_cae" class="col-md-12">Agregar Acceso</button>
          </div>

          <div class="input-group-sm form-group col-md-1 col-md-offset-2">
            <div class="button-href">
                  <a id="btn_agregar_ap" href="#admin_perfiles2">Agregar</a>
            </div>
          </div>

          <div class=" form-group col-sm-3 ">
            <div class="input-group input-group-sm">
              <span class="input-group-addon" id="sizing-addon3">Perfil</span>
              <input id="perfil_appp" name="perfil_appp" type="text" class="form-control" placeholder="Máximo 200 caracteres" >
            </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">
              </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_cae">Listar</button>
          </div>
        </div>
      </div>
    </form>

    <?php $con=0 ?>
    <div id="contenedor_tabla">
      <table border="1" class="table table-bordered" id="contenedorjquery">
          <th id="idperfil" style="display: none"> <th id="centrosal" style="display: none"></th>
            <th class="col-sm-1" >N°</th><th class="col-sm-3">Perfil</th><th class="col-sm-4">Actividades</th><th class="col-sm-2">Activo desde</th><th class="col-sm-2">Opciones</th></tr>
        <?php if (isset($nombre)) {?>
        <?php $RESPUESTAS100 = new SimpleXMLElement(utf8_encode($nombre));?>
          <?php foreach ($RESPUESTAS100->respuesta as $ap) {?>
            <tr>
              <td id="idperfil" style="display: none"><?php echo  $ap->id_perfil; ?></td>
              <td id="centrosal" style="display: none"><?php echo  $ap->centro_sal; ?></td>

              <td><?php echo $con=$con+1?></td>
              <td><?php echo  $ap->perfil; ?> </td>
              <td><?php echo  $ap->actividades; ?> </td>
              <td><?php echo substr($ap->momento_alta, 0, 10);   ?></td>
             <td>
                <div id="objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>">
                  <?php if ($ap->baja_log=='1') { ?>
                    <a href="#" onclick=" ajaxConsulta('root-admin-perfiles/up_statusPerfilFE','objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>','id_Perfil=<?php echo  $ap->id_perfil; ?>&Centro_Sal=<?php echo  $ap->centro_sal; ?>&Status=0'); ">Activo</a>
                  <?php }else {?>
                    <a href="#" onclick=" ajaxConsulta('root-admin-perfiles/up_statusPerfilFE','objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>','id_Perfil=<?php echo  $ap->id_perfil; ?>&Centro_Sal=<?php echo  $ap->centro_sal; ?>&Status=1'); ">Baja</a>
                  <?php } ?>
                  <a href="#admin_perfiles3" class="clonar_perfil_ap">Clonar</a> <a href="#admin_perfiles4" class="editar_perfil_ap">Editar</a>
                </div>
              </td>
            </tr>
          <?php } ?>
        <?php } else { ?>
          <?php foreach ($RESPUESTAS2->respuesta as $ap) {?>
            <tr>
              <td id="idperfil" style="display: none"><?php echo  $ap->id_perfil; ?></td>
              <td id="centrosal" style="display: none"><?php echo  $ap->centro_sal; ?></td>

              <td><?php echo $con=$con+1?></td>
              <td><?php echo  $ap->perfil; ?> </td>
              <td><?php echo  $ap->actividades; ?> </td>
              <td><?php echo substr($ap->momento_alta, 0, 10);   ?></td>
              <td>
                <div id="objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>">
                  <?php if ($ap->baja_log=='1') { ?>
                    <a href="#" onclick=" ajaxConsulta('root-admin-perfiles/up_statusPerfilFE','objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>','id_Perfil=<?php echo  $ap->id_perfil; ?>&Centro_Sal=<?php echo  $ap->centro_sal; ?>&Status=0'); ">Activo</a>
                  <?php }else {?>
                    <a href="#" onclick=" ajaxConsulta('root-admin-perfiles/up_statusPerfilFE','objEnviar<?php echo  $ap->id_perfil; ?>_<?php echo  $ap->centro_sal; ?>','id_Perfil=<?php echo  $ap->id_perfil; ?>&Centro_Sal=<?php echo  $ap->centro_sal; ?>&Status=1'); ">Baja</a>
                  <?php } ?>
                  <a href="#admin_perfiles3" class="clonar_perfil_ap">Clonar</a> <a href="#admin_perfiles4" class="editar_perfil_ap">Editar</a>
                </div>
              </td>
            </tr>
          <?php } ?>
        <?php } ?>
      </table>
    </div>

    <form id="admin_perfiles2" method="post" action="{{url('root-admin-perfiles-AdministrarPerfilesDeUsuarioDeFE_add_PerfilFE')}}"  >
      <input type="hidden" name="_token" value="{{csrf_token()}}">
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">AGREGAR NUEVO PERFIL</div>
          <img src="Img/close.png" height="20"  class="cerrar_form"/>
        </div>
      </div>
      <div class="row ">
        <div class=" form-group-sm col-md-5 ">
          Centro de salud
          <select name="centro_salud_ap2" id="centro_salud_ap2" class="form-control ">
            <option disabled selected>Elija una opción</option>
              @foreach($RESPUESTAS->respuesta as $cs)
                <option value="{!! $cs->centro_sal !!}">{!! $cs->desc_centr !!}</option>
              @endforeach
          </select>
          <br>
          Perfil: <input type="text" class="form-control" name="perfil_ap2" id="perfil_ap2"  placeholder="Máximo 200 caracteres" />
        </div>
        <div class=" form-group-sm  col-md-5  col-md-offset-1 ">
          <pre>           Actividades:</pre>
         <textarea class="col-md-offset-1" name="actividades_ap2" id="actividades_ap2" rows="4" cols="60"></textarea><br />
        </div>
      </div>

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

    <form id="admin_perfiles3" method="#" action="#">
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">CLONAR EL PERFIL</div>
          <img src="Img/close.png" height="20"  class="cerrar_form"/>
        </div>
      </div>
      <div class="row">
        <div class=" form-group-sm col-md-5">
          Centro de salud
          <select name="centro_salud_ap3" id="centro_salud_ap3" class="form-control ">
            <option selected="selected" disabled="disabled" value="" ></option>
            <option value="01">Opcion 1</option>
            <option value="02">Opcion 2</option>
          </select>
          <br>
          Perfil: <input type="text" class="form-control" name="perfil_ap3" id="perfil_ap3"  placeholder="Máximo 200 caracteres" />
        </div>
        <div class=" form-group-sm  col-md-5  col-md-offset-1 ">
          <pre>           Actividades:</pre>
         <textarea class="col-md-offset-1" name="actividades_ap3" id="actividades_ap3" rows="4" cols="60"></textarea><br />
        </div>
      </div>

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

    <form id="admin_perfiles4" method="post" action="{{url('root-admin-perfiles-AdministrarPerfilesDeUsuarioDeFE_up_PerfilFE')}}"   >
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">EDITAR PERFIL</div>
          <img src="Img/close.png" height="20"  class="cerrar_form"/>
        </div>
      </div>
      <div class="row">
        <div class=" form-group-sm col-md-5">
          Centro de Salud: <input type="text" class="form-control" name="cen_sal_ap4" id="cen_sal_ap4" readonly="readonly"  />
          <br>
          Perfil: <input type="text" class="form-control" name="perfil_ap4" id="perfil_ap4"  placeholder="Máximo 200 caracteres" />
        </div>
        <div class=" form-group-sm  col-md-5  col-md-offset-1 ">
          <pre>           Actividades:</pre>
        <textarea class="col-md-offset-1" name="actividades_ap4" id="actividades_ap4" rows="4" cols="60"></textarea><br />
        </div>

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

      </div>

      <br>
      <div class="sombra_cm">
        <div class="col1">
          <div class="button-href"><a id="btn_privilegios_ap4"  >Privilegios</a></div>
        </div>
        <div class="col1"><button type="submit" id="btn_guardar_ap4">Guardar</button></div>
      </div>
    </form>

    <form id="admin_perfiles5" method="#" action="#">
      <div class="row">
        <div class="titulo_fondo">
          <div class="titulo_pagina2">EDITAR PRIVILEGIOS DEL PERFIL</div>
          <img src="Img/close.png" height="20"  class="cerrar_form"/>
        </div>
      </div>

      <div class="row">
        <div class=" form-group col-md-3 ">
          <div class="input-group input-group-sm col-md-12">
            <span class="input-group-addon" id="sizing-addon3">Título</span>
            <input type="text" class="form-control"  >
          </div>
        </div>

        <div class=" form-group col-md-3 ">
          <div class="input-group input-group-sm col-md-12">
            <span class="input-group-addon" id="sizing-addon3">Módulo</span>
            <select id="modulo_ap5" class="form-control">
              <option disabled selected> -- SELECCIONA -- </option>
                @foreach($RESPUESTAS3->respuesta as $mcat)
                  <option value="{!! $mcat->id_modulo !!}">{!! $mcat->titulo !!}</option>
                @endforeach
            </select>
          </div>
        </div>

        <div class=" form-group col-md-3 ">
          <div class="input-group input-group-sm col-md-12">
            <span class="input-group-addon" id="sizing-addon3">Opción</span>
            <select id="lugar_n" class="form-control ">
              <option disabled selected> -- SELECCIONA -- </option>

            </select>
          </div>
        </div>

        <div class="input-group-sm form-group col-md-1">
          <button class="col-md-offset-5" type="submit"  id="btn_listar_adcon">Listar</button>
        </div>
      </div>

      <div id="perfiles_tabla">
        <table border="1" class="table table-bordered">
          <th class="col-sm-1">N°</th><th class="col-sm-2">Módulo</th><th class="col-sm-2">Título</th>
          <th class="col-sm-3">Descripción</th><th class="col-sm-2">URL</th><th class="col-sm-2">Opciones</th></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
          <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href="#">Baja</a><a href="#">Editable</a><a href="#">Excluida</a><a href="#">Visible</a></td></tr>
        </table>
      </div>
    </form>
  </div>

@endsection
