<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Page Title -->
  <title>Web Infra Reports IT</title>
  <link rel="shortcut icon" type="image/png" href="/include/favicon-32x32.png">

  <!-- JQuery -->
  <script src="/js/jquery-3.6.1.min.js"></script>
  <!-- Bootstrap -->
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/bootstrap-icons/bootstrap-icons.css">
  <link rel="stylesheet" href="/css/preloader.css">
  <script src="/js/bootstrap.bundle.min.js"></script>
  <!-- Bootstrap-tables -->
  <link rel="stylesheet" href="/css/bootstrap-table.min.css">
  <script src="/js/bootstrap-table.min.js"></script>
  <script src="/js/bootstrap-table-fr-FR.min.js"></script>
  <script src="/js/tableExport.min.js"></script>
  <script src="/js/bootstrap-table-export.min.js"></script>
  <script src="/js/libs/js-xlsx/xlsx.core.min.js"></script>
  
  
</head>

<body class="bg-light text-dark">
  <?php include $_SERVER['DOCUMENT_ROOT'] . "/include/all.php"; ?> <!-- Include All -->
  <?php  // DATA 
    $answers = Invoke_WebInfraTools("SELECT * FROM sva_attributes order by sva");
  ?>

  <!-- HTML -->
  <div class="container-fluid" id="content">
    <div class="row flex-nowrap">
      <!-- Left NAVBAR -->
      <div class="col-auto col-md-2 col-xl-2 px-sm-2 px-0 bg-dark" style="-ms-flex: 0 0 230px;flex: 0 0 230px;">
        <?php include $_SERVER['DOCUMENT_ROOT'] . "/navbar.html"; ?>
      </div>
      <!-- Display -->
      <div class="col py-3">
        <!-- Page Title -->
        <h1><span class="badge text-bg-secondary font-weight-bold" style="width:100%;">SVA & SCU Accounts Attributes <br><h6>Updated every hour</h6></span></h1>

        <!-- Main content -->
        <div class="container-fluid">
          <!-- MODAL WAIT -->
          <div class="modal fade bs-example-modal-sm" id="wait" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" style="padding-top: 15%;">
            <div class="modal-dialog modal-sm">
              <div class="modal-content">
                  <div class="modal-header">
                    <h4 class="modal-title mb-1 text-dark text-uppercase">
                      <center><i class="bi bi-hourglass-split"></i><br> Work in progress ...</center>
                    </h4>
                  </div>
                  <div class="modal-body">
                    <div class="progress">
                        <div class="progress-bar progress-bar-secondary progress-bar-striped progress-bar-animated" style="width: 100%"></div>
                    </div>
                  </div>
              </div>
            </div>
          </div>
          <!-- TABLE -->
          <div>
          <table class='table table-bordered table-hover table-sm' id='t1' data-height="620" data-toggle="table" data-search="true" data-show-columns="true" data-export-types="['xlsx','csv','json']" data-show-export="true" data-sortable="true" data-sort-name="VM">
              <thead> <!-- Header -->
                <th data-field='account' data-sortable='true'>Account</th>   
                <th data-field='Displayname' data-sortable='true'>Displayname</th>
                <th data-field='Uid' data-sortable='true'>Uid</th>
                <th data-field='UidNumber' data-sortable='true'>UidNumber</th>
                <th data-field='Gecos' data-sortable='true'>Gecos</th>
                <th data-field='UnixHD' data-sortable='true'>Unix Home Directory</th>
                <th data-field='Login Shell' data-sortable='true'>Login Shell</th>
                <th data-field='GID Number' data-sortable='true'>GID Number</th>
                <th data-field='Enabled' data-sortable='true'>Enabled</th>
                <th data-field='LastLogon' data-sortable='true'>Last Logon</th>
              </thead>

              <tbody> <!-- Body -->
                <?php
                foreach ($answers as $row) {
                  if ($row['enabled'] != 'True') {echo '<tr class="table-danger">';}else{echo '<tr>';}
                    echo '<td class="text-nowrap"><b>'.$row['SVA'].'</b></td>';
                    echo '<td><small>'.$row['displayname'].'</small></td>';
                    echo '<td><small>'.$row['uid'].'</small></td>';
                    echo '<td><small>'.$row['uidnumber'].'</small></td>';
                    echo '<td><small>'.$row['gecos'].'</small></td>';
                    echo '<td><small>'.$row['unixHD'].'</small></td>';
                    echo '<td><small>'.$row['loginshell'].'</small></td>';
                    echo '<td><small>'.$row['gidnumber'].'</small></td>';
                    echo '<td><small>'.$row['enabled'].'</small></td>';
                    if($row['lastlogon'] == ""){
                      echo '<td class="table-warning"><small><b>NEVER</b></small></td>';
                    }else{
                      echo '<td class="text-nowrap"><small>'.date_format(date_create($row['lastlogon']),"Y-m-d H:i:s").'</small></td>';
                    }
                  echo '</tr>' ;
                }
                ?>
              </tbody>
            </table>
            <br>
          </div>
        </div>
        <!-- End of main content -->
      </div>
    </div>
  </div>
</body>
<script src="/js/switch.js"></script>
</HTML>

<SCRIPT>
  $(document).ready(function() {
    $('#t1').DataTable({
      scrollY: '50vh',
      scrollCollapse: true,
      paging: false,
    });
  });

  $(function () {
    var options = $('#t1').bootstrapTable('getOptions');
    options.height= document.getElementById('content').clientHeight-170;
    $('#t1').bootstrapTable('refreshOptions',options);
  });

  function tableresize() {
    var options = $('#t1').bootstrapTable('getOptions');
    options.height= document.getElementById('content').clientHeight-170;
    $('#t1').bootstrapTable('refreshOptions',options);
  };

  window.addEventListener("resize", tableresize);



  
</script>

</SCRIPT>