    </main>

    <!-- FOOTER -->
    <footer class="main-footer">
      <div class="d-flex flex-column flex-md-row align-items-center justify-content-between gap-1">
        <div>&copy; <?= APP_YEAR ?> <strong><?= APP_NAME ?></strong> — <?= APP_INSTANSI ?></div>
        <div class="opacity-50 small">v<?= APP_VERSION ?></div>
      </div>
    </footer>
  </div><!-- /layoutSidenav_content -->
</div><!-- /layoutSidenav -->

<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<!-- Custom JS -->
<script src="<?= BASE_URL ?>/assets/js/app.js"></script>
<?php if(isset($extraJs)) echo $extraJs; ?>
</body>
</html>
