<?php
//session_start();
include("cabecalho.php");
?>
<!DOCTYPE html>
<!--<html lang="pt-br">

<head>
  <meta charset="utf-8">
  <title>Easy Store</title>
  <meta name="author" content="">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="css/plugins/pace/pace.css" rel="stylesheet">
  <script src="js/pace/pace.js"></script>
  <link href="css/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href='css/fonts/google/fonte.css' rel="stylesheet" type="text/css">
  <link href="css/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="css/plugins/datatables/datatables.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <div id="wrapper"> -->
    <!-- INICIO MENU DE NAVEGAÇÃO -->
<!--<nav class="navbar-top" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle pull-right" data-toggle="collapse" data-target=".sidebar-collapse">
						<i class="fa fa-bars"></i> Menu
					</button>
					<div class="navbar-brand">					
						<a href="index">
							<img src="img/adapter_bco.svg"   style="width: 70%;">
						</a>
					</div>
				</div>
				<div class="nav-top">
					<!--<ul class="nav navbar-left">
						<li class="tooltip-sidebar-toggle">
							<a href="#" id="sidebar-toggle" data-toggle="tooltip" data-placement="right" title="Ocultar Barra Lateral">	
								<i class="fa fa-bars"></i>
							</a>	
						</li>
					</ul> -->
<!--					<ul class="nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">		
								<i class="fa fa-user"></i>&nbsp&nbsp<?php echo $_SESSION['usuarioNome']; ?>&nbsp&nbsp<i class="fa fa-caret-down"></i>
							</a>		
							<ul class="dropdown-menu dropdown-user">
								<li>
									<a href="">
										<i class="fa fa-user"></i> Dados Pessoais
									</a>
								</li>
								<li>
									<a href="#" data-toggle="modal" data-target="#AlterarSenha">
										<i class="fa fa-gear"></i> Configurações
									</a>
								</li>
								<li class="divider"></li>
								<li>
									<a class="logout_open" href="logoff.php">
										<i class="fa fa-sign-out"></i> Sair
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
    --><!-- FIM MENU DE NAVEGAÇÃO -->
    <div id="page-wrapper">
      <div class="page-content">
        <div class="row">
          <div class="col-lg-12">
            <div class="page-title">
              <ol class="breadcrumb">
                <li>
                  <i class="fa fa-home"></i> <a href="#">Home</a>
                </li>
                <li class="active"><i class="fa fa-user-circle-o"></i> Atendimentos</li>
              </ol>
            </div>
          </div>
        </div>
        <div class="portlet portlet-default">
          <div class="portlet-heading">
            <div class="portlet-title">
              <h4>Atendimentos Cadastrados</h4>
            </div>
            <div class="portlet-widgets">
              <button type="button" id="NovoUsuario" name="NovoUsuario" class="btn btn-default btn-xs">
                <i class="fa fa-user-circle-o"></i> Novo Atendimento
              </button>
            </div>
            <div class="clearfix"></div>
          </div>
          <div class="portlet-body">
            <div class="table-responsive"><br>
              <table id="DataTable" class="table table-striped table-bordered table-hover table-green">
                <thead>
                  <tr>
                    <th style="width: 6%; text-align: center;">ID</th>
                    <th style="width: 20%; text-align: center;">Usuário</th>
                    <th style="width: 15%; text-align: center;">CPF</th>
                    <th style="width: 10%; text-align: center;">Perfil</th>
                    <th style="text-align: center;">Empresa</th>
                    <th style="width: 10%; text-align: center;">Editar</th>
                  </tr>
                </thead>
                <tbody>
 /*                 <% for(var i = 0; i < DadosUsuarios.USUARIOS.length; i++){ %>
                  <tr id="<%= DadosUsuarios.USUARIOS[i].ID_USUARIO %>" class="gradeU">
                    <td style="text-align: center;">
                      <%= DadosUsuarios.USUARIOS[i].ID_USUARIO %>
                    </td>
                    <td style="text-align: center;">
                      <%= DadosUsuarios.USUARIOS[i].USUARIO %>
                    </td>
                    <td style="text-align: center;">
                      <%= DadosUsuarios.USUARIOS[i].CPF %>
                    </td>
                    <td style="text-align: center;">
                      <%= DadosUsuarios.USUARIOS[i].PERFIL %>
                    </td>
                    <td>
                      <%= DadosUsuarios.USUARIOS[i].EMPRESA %>
                    </td>
                    <td class="center" style="text-align: center;">
                      <a href="#Editar" id="EditarModulo" onclick="editar(this)" style="text-decoration: none;">
                        <input id="EditarUsuario<%=DadosUsuarios.USUARIOS[i].ID_USUARIO%>" type="hidden" value="<%=DadosUsuarios.USUARIOS[i].ID_USUARIO%>">
                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                      </a>
                    </td>
                  </tr>
                  <% } %>
*/                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="row">
        </div>
      </div> 
    </div>
  </div>

  <!-- -------------------------------------------------------------------------------------------------------------------------->
  <form id="FormularioUsuario" name="FormularioUsuario" action="" method="POST">
    <div class="modal modal-flex fade" id="CadastroUsuario" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" id="CloseModal" name="CloseModal" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="flexModalLabel" style="color:white;">
              <i class="fa fa-user-circle-o"></i> Novo Usuário
            </h4>
          </div>
          <div class="modal-body">
            <div id="basicFormExample" class="panel-collapse collapse in">
              <div class="portlet-body">
                <p>
                  <b>
                    <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> ATENÇÃO!
                  </b> Para cadastrar um novo usuário no sistema preencha formulário abaixo.
                </p>
                <!------------------------>
                <div class="form-group" id="Estagio_1_1" name="Estagio_1_1">
                  <label><b>Nome Usuário:</b></label>
                  <input type="hidden" name="ID_USUARIO" id="ID_USUARIO" />
                  <input type="text" class="form-control" placeholder="Nome do usuário" name="USUARIO" id="USUARIO" required="required" />
                </div>
                <div class="form-group" id="Estagio_1_2" name="Estagio_1_2">
                  <label><b>CPF:</b></label>
                  <input type="text" class="form-control" placeholder="CPF do usuário" name="CPF" id="CPF" required="required" />
                </div>
                <!------------------------>
                <div class="form-group" id="Estagio_2_1" name="Estagio_2_1" hidden>
                  <label><b>Perfil:</b></label>
                  <select id="PERFIL" name="PERFIL" class="form-control" required="required">
                    <option value="">Selecione</option>
                    <% for(var i = 0; i < DadosUsuarios.PERFIS.length; i++){ %>
                    <option value="<%=DadosUsuarios.PERFIS[i].ID_PERFIL%>">
                      <%=DadosUsuarios.PERFIS[i].PERFIL%>
                    </option>
                    <% } %>
                  </select>
                </div>
                <div class="form-group" id="Estagio_2_2" name="Estagio_2_2" hidden>
                  <label><b>Empresa:</b></label>
                  <select id="EMPRESA" name="EMPRESA" class="form-control" required="required">
                    <option value="">Selecione</option>
                    <% for(var i = 0; i < DadosUsuarios.EMPRESAS.length; i++){ %>
                    <option value="<%=DadosUsuarios.EMPRESAS[i].ID_EMPRESA%>">
                      <%=DadosUsuarios.EMPRESAS[i].EMPRESA%>
                    </option>
                    <% } %>
                  </select>
                </div>
                <!------------------------>
                <div class="form-group" id="Estagio_3_1" name="Estagio_3_1" hidden>
                  <label><b>Login:</b></label>
                  <input type="text" class="form-control" placeholder="Login do usuário" name="LOGIN" id="LOGIN" required="required" />
                </div>
                <div class="form-group" id="Estagio_3_2" name="Estagio_3_2" hidden>
                  <label><b>Senha:</b></label>
                  <input type="password" class="form-control" placeholder="Senha do usuário" name="SENHA" id="SENHA" required="required" />
                </div>
                <div class="form-group" id="Estagio_3_3" name="Estagio_3_3" hidden>
                  <label><b>Status Usuário:</b></label>
                  <select id="STATUS_USUARIO" name="STATUS_USUARIO" class="form-control">
                    <option value="ATIVO">Selecione</option>
                    <option value="ATIVO">Ativo</option>
                    <option value="INATIVO">Inativo</option>
                  </select>
                </div>
                <!------------------------>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" id="CancelarCadastro" name="CancelarCadastro" class="btn btn-default" data-dismiss="modal">Cancelar</button>
            <button type="button" id="AnteriorStap" name="AnteriorStap" class="btn btn-default" style="display: none;">
              <i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> Anterior
            </button>
            <button type="button" id="ProximoStap" name="ProximoStap" class="btn btn-default">
              <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Proximo
            </button>
            <button type="submit" id="SalvarUsuario" name="SalvarUsuario" onclick="return ValidarCadastro();" class="btn btn-green" style="display: none;">
              <i class="fa fa-save" aria-hidden="true"></i> Salvar
            </button>
          </div>
        </div>
      </div>
    </div>
  </form>
  <!-- -------------------------------------------------------------------------------------------------------------------------->

  <!-- -------------------------------------------------------------------------------------------------------------------------->
  <div class="modal modal-flex fade" id="Erro" tabindex="-1" role="dialog" aria-labelledby="flexModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="TituloModal" style="color:white;"></h4>
        </div>
        <div class="modal-body">
          <div id="basicFormExample" class="panel-collapse collapse in">
            <div class="portlet-body">
              <p style="text-align: justify;" id="TextError"></p>
              <p style="text-align: justify;" id="descError"></p>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
        </div>
      </div>
    </div>
  </div>
  <!-- -------------------------------------------------------------------------------------------------------------------------->

  <script src="js/jquery/jquery-1.8.1.js"></script>
  <script src="js/jquery/jquery.maskedinput.js"></script>
  <script src="js/jquery/jquery.cadastro.usuario.js"></script>
  <script src="js/bootstrap/bootstrap.min.js"></script>
  <script src="js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="js/popupoverlay/jquery.popupoverlay.js"></script>
  <script src="js/popupoverlay/defaults.js"></script>
  <script src="js/popupoverlay/logout.js"></script>
  <script src="js/hisrc/hisrc.js"></script>
  <script src="js/datatables/jquery.dataTables.js"></script>
  <script src="js/datatables/datatables-bs3.js"></script>
  <script src="js/jquery/jquery.Layout.js"></script>
  <script>
    $('#NovoUsuario').click(function() {
      $("#FormularioUsuario").attr("action", "<%=NameServer%>/admin/usuarios/cadastrar");
      $('#ProximoStap').css("display", "inline");
      $('#SalvarUsuario').css('display', 'none');
      $('#AnteriorStap').css('display', 'none');
      $("#Estagio_1_1").show();
      $("#Estagio_1_2").show();
      $("#Estagio_2_1").hide();
      $("#Estagio_2_2").hide();
      $("#Estagio_3_1").hide();
      $("#Estagio_3_2").hide();
      $("#Estagio_3_3").hide();
      $('#USUARIO').val('');
      $('#CPF').val('');
      $('#PERFIL').val('');
      $('#EMPRESA').val('');
      $('#LOGIN').val('');
      $('#SENHA').val('');
      $('#SalvarUsuario').html('<i class="fa fa-save" aria-hidden="true"></i> Salvar');
      $('#CadastroUsuario').modal('show');
      CADASTRO = 0;
    });

    $(function($) {
      editar = function(item) {
        var ID_Usuario = $("#EditarUsuario" + ($(item).closest('tr').attr('id'))).val();
        var URL = "<%=NameServer%>/admin/usuarios/editar_usuario/" + ID_Usuario;
        $.get(URL, function(resposta) {
          var TITULO = '<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Erro!';
          var TEXT_ERROR = '' +
            '<b><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> ATENÇÃO!</b> ' +
            'Não foi possivel carregar os formulario de edição, tente novamente ou entre em contato com o administrador do sistema.' +
            '<br><br><b>Detalhes do erro:</b><br>';
          if (resposta.JSON != 'OK') {
            $("#TituloModal").html(TITULO);
            $("#TextError").html(TEXT_ERROR);
            $("#descError").html("<b><i>" + resposta.JSON + "</i></b>");
            $("#Erro").modal('show');
          } else {
            $("#FormularioUsuario").attr("action", "<%=NameServer%>/admin/usuarios/editar_usuario/atualizar");
            $('#SalvarUsuario').css("display", "inline");
            $('#SalvarUsuario').html('<i class="fa fa-save" aria-hidden="true"></i> Atualizar');
            $('#USUARIO').val(resposta.DADOS.USUARIO);
            $('#CPF').val(resposta.DADOS.CPF);
            $('#PERFIL').val(resposta.DADOS.ID_PERFIL);
            $('#EMPRESA').val(resposta.DADOS.ID_EMPRESA);
            $('#LOGIN').val(resposta.DADOS.LOGIN);
            $('#STATUS_USUARIO').val(resposta.DADOS.STATUS_USUARIO);
            $('#ID_USUARIO').val(ID_Usuario);
          }
        });
        $(document).ready(function() {
          $('#CadastroUsuario').modal('show');
        });
      }
    });
  </script>
</body>

</html>
