<?php
  $seccion      = 'Usuarios';
  $position     = '../';

  require_once($position.'../switch/access.php');
  require_once($position.'assets/global.php');
  require_once($position.'assets/session.php');

  // $Where .= "
  //   WHERE us.Id != '0'
  // ";

  // if( $_GET['t'] ){
  //
  //   $Where .= "
  //     AND us.fk_usuario_tipo = '$_GET[t]'
  //   ";
  //
  // }

  //Query's
  echo $qrUsuarios = "
    SELECT
      us.id,
      cli.nombre AS cliente,
      us.nombre, us.apellidos,
      us.email, us.celular,
      us.fecha_alta,
      tip.nombre AS tipo
    FROM usuarios_app us
    LEFT JOIN usuarios_tipos tip ON tip.id = us.fk_usuario_tipo
    LEFT JOIN clientes cli ON cli.id = us.fk_cliente
    ORDER BY us.nombre asc
  ";
  $usuarios = mysqli_query($mysqli, $qrUsuarios);

?>
<!DOCTYPE html>
<html lang="es_MX">
    <head>
        <meta charset="utf-8" />
        <title>Switch Point | <?php echo $seccion; ?> </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!-- App favicon -->
        <link rel="shortcut icon" href="<?php echo $position; ?>assets/images/favicon.ico">

		<!-- App css -->
		<link href="<?php echo $position; ?>assets/css/bootstrap-corporate.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
		<link href="<?php echo $position; ?>assets/css/app-corporate.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />

		<link href="<?php echo $position; ?>assets/css/bootstrap-corporate-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
		<link href="<?php echo $position; ?>assets/css/app-corporate-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
        <link href="<?php echo $position; ?>assets/css/style.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />

		<!-- icons -->
		<link href="<?php echo $position; ?>assets/css/icons.min.css" rel="stylesheet" type="text/css" />

        <!-- third party css -->
        <link href="<?php echo $position; ?>assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo $position; ?>assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo $position; ?>assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <link href="<?php echo $position; ?>assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
        <!-- third party css end -->

    </head>

    <body class="loading" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "dark", "size": "default", "showuser": false}, "topbar": {"color": "light"}, "showRightSidebarOnPageLoad": false}'>

        <!-- Pagina de inicio -->
        <div id="wrapper">

            <!-- ========== Inicio nav-izq ========== -->
            <?php include_once($position.'assets/nav.php'); ?>
            <!-- Fin nav-izq -->

            <!-- ============================================================== -->
            <!-- Incio de Contenido -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="content">

                    <!-- Topbar -->
                    <?php include_once($position.'assets/topbar.php'); ?>
                    <!-- /Topbar -->

                    <!-- Content-->
                    <div class="container-fluid">

                        <!-- page title -->
                        <div class="row">
                          <div class="col-12">
                            <div class="page-title-box">
                              <h4 class="page-title"><?php echo $seccion; ?></h4>
                              <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="<?php echo $dir; ?>inicio">Inicio</a></li>
                                    <li class="breadcrumb-item active"><?php echo $seccion; ?></li>
                                </ol>
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- /page title -->

                        <!-- secciones  -->
                        <!-- Botones -->
            						<div class="row">
            							<div class="col-12 text-right">
            								<button type="button" class="btn btn-sp btn-sm" onclick="window.location.href='usuario.php'"><i class="fe-user-plus"></i>&nbsp; Nuevo Usuario</button>
            							</div>
            							<div class="col-12" style="height: 5px;">&nbsp;</div>
            						</div>

						            <!-- usuarios -->
                        <div class="row">
                          <div class="col-12">
                            <div class="card">
                              <div class="card-body">
                                <h4 class="header-title">Lista de <?php echo $seccion; ?></h4>
                                <p class="text-muted font-13 mb-4">
                                    Usuarios de App
                                </p>

                                <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                                  <thead>
                                    <tr>
                                      <th>Nombre</th>
                                      <th>Email / Cel</th>
                                      <th>Cliente</th>
                                      <th>Estatus</th>
                                      <th>&nbsp;</th>
                                    </tr>
                                  </thead>
                                    <tbody>
							                        <?php mysqli_data_seek($usuarios, 0);while($urs = mysqli_fetch_array($usuarios)) {?>
                                        <tr>

                                          <!-- Nombre -->
                                          <td>
                                              <?php echo $urs['nombre']." ".$urs['apellidos']; ?>
                                          </td>
                                          <!-- End Nombre -->

                                          <!-- Cliente -->
                                          <td>
                                            <?php echo $urs['cliente'];?>
                                          </td>
                                          <!-- End Cliente -->

                                          <!-- Email / Cel -->
                                          <td>
                                            <div>
                                              <i class="fa fa-emvelope text-success m-r-5"></i>
                                              <?php echo $urs['email']; ?>
                                            </div>
                                            <div>
                                              <i class="fa fa-phone text-success m-r-5"></i>
                                              <?php echo $urs['celular']; ?>
                                            </div>
                                          </td>
                                          <!-- End Email / Cel -->

                                          <!-- Activo -->
                                          <td>
                        										<?php if ($urs['activo'] == 1){$btnClass = "btn-success"; $btnStatus = "Activo";}else{$btnClass = "btn-primary"; $btnStatus = "Inactivo";}?>
                        										<button class="btn <?php echo $btnClass ?> btn-xs"><?php echo $btnStatus ?></button>
                        									</td>
                                          <!-- End Activo -->

                                          <!-- Btn Editar -->
                                          <td>
										                        <a
                                              class="btn btn-white btn-xs"
                                              href="usuario.php?id=<?php echo $urs['id'];?>"
                                            >
                                              <i class="fe-edit-1"></i>
                                              Editar
                                            </a>
									                        </td>
                                          <!-- End Btn Editar -->


                                        </tr>
							                        <?php } ?>
                                    </tbody>
                                </table>

                              </div> <!-- end card body-->
                            </div> <!-- end card -->
                          </div><!-- end col-->
                        </div>
                        <!-- /secciones -->

                    </div> <!-- /container -->

                </div> <!-- /content -->

                <!-- Footer -->
                <?php include_once($position.'assets/footer.php'); ?>
                <!-- /Footer -->

            </div>

            <!-- ============================================================== -->
            <!-- Fin de Contenido -->
            <!-- ============================================================== -->


        </div>
        <!--  /wrapper -->

        <!-- Vendor js -->
        <script src="<?php echo $position; ?>assets/js/vendor.min.js"></script>

        <!-- App js -->
        <script src="<?php echo $position; ?>assets/js/app.min.js"></script>


        <!-- third party js -->
        <script src="<?php echo $position; ?>assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/pdfmake/build/pdfmake.min.js"></script>
        <script src="<?php echo $position; ?>assets/libs/pdfmake/build/vfs_fonts.js"></script>
        <!-- third party js ends -->

        <!-- Datatables init -->
        <script src="<?php echo $position; ?>assets/js/pages/datatables.init.js"></script>

    </body>
</html>
