<?php
 session_start();
 require_once('../connect.php');
 require_once('sql_required.php');

$datetoday = date('Y-m-d'); 
$active_tab = "walk";
if (!isset($_SESSION['unique_id'])) { ?>
    <script language="javascript">
      window.location.href = '../index.php';
    </script>
<?php } 

$success_messages = '';
if (isset($_POST['cancel'])) {
  $purchase_id = $_POST['id'];
  
  $sqlRemove = "DELETE FROM tbl_purchase WHERE purchase_id = '$purchase_id'";
  if (mysqli_query($conn, $sqlRemove)) {
    $sqlRemoveProductPurchase = "DELETE FROM tbl_purchase_product WHERE purchase_id = '$purchase_id'";
    mysqli_query($conn, $sqlRemoveProductPurchase);

    $sqlRemoveHybridBonus = "DELETE FROM tbl_hybrid_bonus WHERE verification_code = '$purchase_id'";
    mysqli_query($conn, $sqlRemoveHybridBonus);

    $success_messages = '<div class="alert alert-success text-center mb-0">Successfully Cancel</div>';
  }

}
?>  
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Purchase Backlog</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <link rel="icon" href="images/logo.png" type="image/png" sizes="16x16">
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/style1.css">
  <link rel="stylesheet" type="text/css" href="css/skeleton_loading.css">
<style type="text/css">
  .content-wrapper {
    background: #151e27!important;
  }
  @media(max-width:800px) {
    .modal-content {
      position: fixed; bottom: 40%; width: 96%; left: 7;
    }
    .modal-dialog {
      margin: 0!important; padding: 0!important;
    }
  }
  .page-item.active .page-link {
    background-color: #27313d!important;
    border-color: #27313d!important;
    color: #000;
  }
  .page-item .page-link {
    background-color: #151e27!important;
    border-color: grey!important;
    color: grey!important;
  }

  .alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 0;
  }

  .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 0;
  }
  .form-control {
    border-radius: 10px;
  }
  .form-control:focus {
    border: 1px solid #ffd700!important;
  }
</style>
</head>
<body class="hold-transition sidebar-mini layout-footer-fixed layout-fixed" style="background: #151e27;">
<div id="preloader" class="loading" style="display: none"></div>
<div class="wrapper">
  <nav class="main-header navbar navbar-expand navbar-white" style="background: #151e27; border-bottom: 0; box-shadow: none!important;">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a href="index.php?<?php echo generate_string($permitted_chars, 100); ?>" class="withanimation back_arrow"><i class="fas fa-angle-left pr-2" style="font-size: 20px; color: #ffd700;"></i></a><span class="brand-text" style="font-size: 20px;"><span style="font-size: 20px; font-weight: bolder; line-height: 20px; color: #fff;">Repurchase Backlog</span></a>
      </li>
    </ul>
    <ul class="navbar-nav ml-auto">
      <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
    </ul>
  </nav>

<?php include ("navbar.php")?>
<div class="content-wrapper">
  <div class="content-header p-0">
    <div class="container-fluid p-0">
      <span id="message">
        <?php echo $success_messages; ?>
      </span>
    </div>
  </div>
  <section class="content">
    <div class="container-fluid pt-3">
 <div class="card mt-3" style="border-radius: 10px; background-color: #1d2532; color: #fff;">
                <div class="card-body table-responsive p-3">
                  <div align="right" class="mb-3">
                    <a href="setPurchase.php" class="btn btn-success">Set Purchase</a>
                  </div>
                    <table id="approve_table" class="table table-striped">
                      <thead>
                      <tr>
                        <th>Purchase ID</th>
                        <th>Complete Name</th>
                        <th>Total Purchase</th>
                        <th>Date Purchase</th>
                        <th>Action</th>
                      </tr>
                      </thead>
                      <tbody>
                      <?php 
                        $sql_pending_req = "SELECT * FROM tbl_purchase ORDER BY id DESC";
                        $result_pending_req = $conn->query($sql_pending_req);
                          while($row_pending_req = mysqli_fetch_array($result_pending_req)) {
                            $member_id = $row_pending_req['member_id'];

                            $sql_user = "SELECT * FROM tbl_user_account WHERE unique_id = '$member_id'";
                            $result_user = $conn->query($sql_user);
                            $row_user = mysqli_fetch_assoc($result_user);
                      ?>
                      <tr>
                        <td style="color: #ffd700;"><?php echo $row_pending_req['purchase_id']; ?> </td>
                        <td><?php echo $row_user['firstname'].' '.$row_user['lastname']; ?></td>
                        <td><span class="font-weight-bold text-warning">&#8369; <?php echo $row_pending_req['total_purchase']; ?></span></td>
                        <td><?php echo date('F d Y', strtotime($row_pending_req['date_purchase'])); ?></td>
                        <td>
                          <a href="purchaseDetails.php?requestID=<?php echo $row_pending_req['id']; ?>" class="btn btn-sm btn-primary withanimation">Details</a>
                          <a data-toggle="modal" data-target="#cancel<?php echo $row_pending_req['id']; ?>" class="btn btn-danger btn-sm">Remove</a>
                        </td>
                      </tr>

                    <div class="modal" id="cancel<?php echo $row_pending_req['id']; ?>">
                      <div class="modal-dialog">
                        <div class="modal-content" style="background-color: #151e27!important;">
                          <div class="modal-header pb-0" style="border: 0px;">
                            <h5 class="modal-title text-white" style="font-weight: bold;">Cancel Purchase</h5>
                          </div>
                          <div class="modal-body pt-0 pb-0">
                            <p class="text-muted">Are you sure you want to cancel?</p>
                          </div>
                          <div class="modal-footer pr-0 pl-0 pb-2 pt-0" style="display: block; border: 0px">
                            <div class="row">
                              <div class="col-6">
                                <button type="button" class="btn btn-default btn-lg btn-block" style="background: transparent; color: #fff;" data-dismiss="modal">Cancel</button>
                              </div>
                              <div class="col-6">
                                <form style="margin: 0;" method="POST">
                                  <input type="hidden" name="id" value="<?php echo $row_pending_req['purchase_id']; ?>">
                                  <button type="submit" name="cancel" class="btn btn-warning btn-lg btn-block withanimation_submit" style="background: #FFD700; border-color: #ffd700;">Yes, Submit</button>
                                </form>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div> <!-- cancel -->
                      <?php } ?>
                      </tbody>
                    </table>
                </div>
  </div>
    </div>
  </section>
</div>
</div>

<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script type="text/javascript">
$(function () {
  $("#approve_table").DataTable({
    "responsive": true,
    "autoWidth": false,
  });
  $(".withanimation_submit").click(function() {
      $(".loading").show();
  });
  $(".withanimation").click(function(e) {
      e.preventDefault();
      $(".loading").show();
      var url=$(this).attr("href");
      setTimeout(function() {
          window.location=url;
      }, 500);
  });
});
setTimeout(function(){
  $('#message').html('');
}, 5000);

if ( window.history.replaceState ) {
  window.history.replaceState( null, null, window.location.href );
}
</script>
</body>
</html>
