<!-- Page content -->
    <div class="container-fluid mt--7">
      <!-- Table -->
      <div class="row">
        <div class="col">

<?php
if (!empty($_GET['password'])) {
$nano = $_GET['id'];
$quer = mysqli_query($connect, "select * from forum where token='$nano'")or die(mysql_error);
while ($data = mysqli_fetch_assoc($quer)) {
?>
<!-- The Modal -->
  <div class="modal" id="myModal">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">

             <div class="modal-header">
        </div>

<div class="container header">
<div class="row">
<div class="container content">
  <form action="index.php?page=question&status=edit&id=<?php echo $nano; ?>" method="post" class="was-validated">
    <div class="form-group">
      <label for="uname">Pertanyaan:</label>
      <input type="text" class="form-control" id="uname" name="pertanyaan" value="<?php echo $data['pertanyaan']; ?>" required>
    </div>
    <div class="form-group">
      <label for="pwd">Jawaban</label>
      <input type="text" class="form-control" id="pwd" name="jawaban" value="<?php echo $data['jawaban']; ?>" required>
    </div>
    <input type="submit" value="Update" name="submit" class="btn btn-primary">
  </form>
</div>
</div>
</div>

        <!-- Modal footer -->
        <div class="modal-footer">
        </div>

      </div>
    </div>
</div>
<!-- The Modal -->
<?php } ?>

          <div class="card shadow">
            <div class="card-header border-0">
              <h3 class="mb-0">Tanya-Jawab</h3>
            </div>

<div class="container header">
<div class="row">
<div class="container content">
  <form action="index.php?page=question" method="post" class="was-validated">
    <div class="form-group">
      <label for="uname">Pertanyaan:</label>
      <input type="text" class="form-control" id="uname" name="pertanyaan" required>
    </div>
    <div class="form-group">
      <label for="pwd">Jawaban</label>
      <input type="text" class="form-control" id="pwd" name="jawaban" required>
    </div>
    <input type="submit" name="submit" class="btn btn-primary">
  </form>
</div>
</div>
</div>
            <div class="table-responsive" style="padding: 10px">
              <table class="table align-items-center table-flush" id="table">
                 <thead class="thead-light">
                  <tr>
                    <th scope="col">No</th>
                    <th scope="col">Pertanyaan</th>
                    <th scope="col">Jawaban</th>
                    <th scope="col" class="text-right">Action</th>
                  </tr>
		</thead>
        <tbody>
 <?php
  $halaman = 200;
  $page = isset($_GET["halaman"]) ? (int)$_GET["halaman"] : 1;
  $mulai = ($page>1) ? ($page * $halaman) - $halaman : 0;
  $result = mysqli_query($connect, "SELECT * FROM forum");
  $total = mysqli_num_rows($result);
  $pages = ceil($total/$halaman);
  $query = mysqli_query($connect, "select * from forum LIMIT $mulai, $halaman")or die(mysql_error);
  $no =$mulai+1;

  while ($data = mysqli_fetch_assoc($query)) {
 ?>
     <tr>
                     <td scope="row">
                        <div class="media-body">
                          <span class="mb-0 text-sm"><?php echo $data['No']; ?></span>
                        </div>
                    </td>
                    <td>
                      <?php echo $data['pertanyaan']; ?>
                    </td>
                    <td>
                      <?php echo $data['jawaban']; ?>
                    </td>
                    <td class="text-right">
                      <div class="dropdown">
                        <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          <i class="fas fa-ellipsis-v"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                          <a class="dropdown-item" data-toggle="modal" data-target="#myModal" href="index.php?page=tampung&id=<?php echo $data['token']; ?>">Edit</a>
                          <a class="dropdown-item" href="index.php?page=question&status=remove&id=<?php echo $data['token']; ?>">Remove</a>
                        </div>
                      </div>
                    </td>
                  </tr>
<?php
}
?>
        </tbody>
              </table>
            </div>
                       <div class="card-footer py-4">
              <nav aria-label="...">
                <ul class="pagination justify-content-end mb-0">
                  <li class="page-item">
                    <a class="page-link" href="index.php?page=tables&halaman=<?php $halaman_xx = $page - 1; echo $halaman_xx ?>
                      <i class="fas fa-angle-left"></i>
                      <span class="sr-only">Previous</span>
                    </a>
                  </li>
                  <li class="page-item">


                  <li class="page-item">
                    <a class="page-link" href="index.php?page=tables&halaman=<?php $halaman_yy = $page + 1; echo $halaman_yy ?>
                      <i class="fas fa-angle-right"></i>
                      <span class="sr-only">Next</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Argon Scripts -->
  <!-- Core -->
  <script src="./assets/vendor/jquery/dist/jquery.min.js"></script>
  <script src="./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <!-- Argon JS -->
  <script src="./assets/js/argon.js?v=1.0.0"></script>

<script>
function searchTable() {
    var input;
    var saring;
    var status;
    var tbody;
    var tr;
    var td;
    var i;
    var j;
    input = document.getElementById("input");
    saring = input.value.toUpperCase();
    tbody = document.getElementsByTagName("tbody")[0];;
    tr = tbody.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td");
        for (j = 0; j < td.length; j++) {
            if (td[j].innerHTML.toUpperCase().indexOf(saring) > -1) {
                status = true;
            }
        }
        if (status) {
            tr[i].style.display = "";
            status = false;
        } else {
            tr[i].style.display = "none";
        }
    }
}
</script>

</body>

</html>