    <footer class="bg-footer py-1 d-none d-md-block">
      <div class="row text-white mt-1">
        <div class="col-md-12 col-12">
          <div><img src="/assets/img/fav.png" class="footer-logo center"></div>
        </div>
      </div>
      <div class="container"></div>
    </footer>
	
	<?php include_once __DIR__ . '/../layouts/menu_footer.php'; ?>
	
    <div class="w-100 d-block d-md-none d-lg-none mobile-nav-bottom position-fixed d-flex align-items-center justify-content-around shadow-sm"><a href="/logout"><span class="bi bi-lock-fill"></span> Logout </a><a data-bs-toggle="modal" data-bs-target="#staticBackdropep" class="text-decoration-none" href="#"><span class="bi bi-card-heading"></span> Main Menu </a><a data-bs-toggle="modal" data-bs-target="#setiaInfo" class="text-decoration-none" href="#"><span class="bi bi-info-circle-fill"></span> Info </a><a data-bs-toggle="modal" data-bs-target="#setiaProfile" class="text-decoration-none" href="#"><span class="bi bi-person-badge"></span> Account </a></div>

<?php if ($user): ?>

  <?php if ($user['level'] === 'Admin'): ?>
    <div class="modal fade" id="setiaProfile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow overflow-hidden">
          <div class="modal-header px-4">
            <h5 class="h6 modal-title fw-bold">Profile Anda</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="row row-cols-1 row-cols-md-1 g-4">
            <div class="col-md-3 d-none d-md-block"></div>
            <div class="col-md-6 d-md-block">
              <div class="offer-box position-relative bg-light rounded-3 shadow-sm p-4"><small class="offer-box-title fw-bold text-white"><img src="/assets/img/team1.jpg" alt class="img-fluid rounded-circle bg-light h-40"></small>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-fingerprint m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">Nama</div>
                    <p class="text-muted small mb-0"> </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-card-heading m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">NIY</div>
                    <p class="text-muted small mb-0">  </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3"><i class="bi bi-building m-0 rounded-pill rounded-icon"></i>
 
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <?php elseif ($user['level'] === 'Mahasiswa'): ?>
    <div class="modal fade" id="setiaProfile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow overflow-hidden">
          <div class="modal-header px-4">
            <h5 class="h6 modal-title fw-bold">Profile Anda</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="row row-cols-1 row-cols-md-1 g-4">
            <div class="col-md-3 d-none d-md-block"></div>
            <div class="col-md-6 d-md-block">
              <div class="offer-box position-relative bg-light rounded-3 shadow-sm p-4"><small class="offer-box-title fw-bold text-white"><img src="/assets/img/team1.jpg" alt class="img-fluid rounded-circle bg-light h-40"></small>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-fingerprint m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">Nama</div>
                    <p class="text-muted small mb-0">  </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-card-heading m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">NIM</div>
                    <p class="text-muted small mb-0">  </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3"><i class="bi bi-building m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">Semester</div>
                    <p class="text-muted small mb-0"> </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <?php elseif ($user['level'] === 'Maba'): ?>
    <div class="modal fade" id="setiaProfile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow overflow-hidden">
          <div class="modal-header px-4">
            <h5 class="h6 modal-title fw-bold">Profile Anda</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="row row-cols-1 row-cols-md-1 g-4">
            <div class="col-md-3 d-none d-md-block"></div>
            <div class="col-md-6 d-md-block">
              <div class="offer-box position-relative bg-light rounded-3 shadow-sm p-4"><small class="offer-box-title fw-bold text-white"><img src="/assets/img/team1.jpg" alt class="img-fluid rounded-circle bg-light h-40"></small>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-fingerprint m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">Nama</div>
                    <p class="text-muted small mb-0">  </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-card-heading m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">NISN</div>
                    <p class="text-muted small mb-0">  </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3"><i class="bi bi-building m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">-</div>
                    <p class="text-muted small mb-0"> </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	<?php elseif ($user['level'] === 'Dosen'): ?>   	
    <div class="modal fade" id="setiaProfile" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow overflow-hidden">
          <div class="modal-header px-4">
            <h5 class="h6 modal-title fw-bold">Profile Anda</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="row row-cols-1 row-cols-md-1 g-4">
            <div class="col-md-3 d-none d-md-block"></div>
            <div class="col-md-6 d-md-block">
              <div class="offer-box position-relative bg-light rounded-3 shadow-sm p-4"><small class="offer-box-title fw-bold text-white"><img src="/assets/img/team1.jpg" alt class="img-fluid rounded-circle bg-light h-40"></small>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"></div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-fingerprint m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">Nama</div>
                    <p class="text-muted small mb-0"> </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3 mb-3"><i class="bi bi-card-heading m-0 rounded-pill rounded-icon"></i>
                  <div>
                    <div class="text-uppercase text-success fw-bold">NIY</div>
                    <p class="text-muted small mb-0"> </p>
                  </div>
                </div>
                <div class="d-flex align-items-center gap-3"><i class="bi bi-building m-0 rounded-pill rounded-icon"></i>
 
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  <?php endif; ?>	

<?php endif; ?>	
  
    <div class="modal fade" id="setiaInfo" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow overflow-hidden">
          <div class="modal-header px-4">
            <h5 class="h6 modal-title fw-bold">Info Terbaru</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="border rounded d-flex gap-3 p-4">
            <div class="text-start">
              <div class="mb-4">
                <p class="text-muted"> Libur tahun baru 2025, 30 Desember sampai dengan 10 Januari 2025 </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="/assets/vendor/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="/assets/vendor/select2/js/select2.min.js"></script>
    <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js" type="d87ce0eeeae1780ed02e2644-text/javascript"></script>
    <script src="/assets/js/custom.js" type="d87ce0eeeae1780ed02e2644-text/javascript"></script>
    <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="/assets/js/sweetalert2.all.min.js"></script>
	
  </body>
  <style>
    .center {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
  </style>
</html>