</div>
<!-- /.content-wrapper -->

<link href="<?= WEB_URL; ?>assets/css/index.css" rel="stylesheet" type="text/css">
<link href="<?= WEB_URL; ?>assets/css/intlTelInput.min.css" rel="stylesheet" type="text/css">
<!-- Trendy, legible font (safe to include here if not already in <head>) -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap" rel="stylesheet">

<style>
  /* Clean, airy footer on white */
  .main-footer.sleek-footer{
    background:#fff;
    color:#111827;                 /* near-black for strong contrast */
    border-top:1px solid #e5e7eb;  /* soft divider */
    box-shadow: 0 -6px 24px rgba(17,24,39,.06);
    font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  }
  .sleek-footer .footer-inner{
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
    gap:12px; padding:16px 22px;
  }
  .sleek-footer .copy{
    font-weight:700; letter-spacing:.2px;
  }
  .sleek-footer .powered{
    font-weight:600; letter-spacing:.2px;
  }
  .sleek-footer a{
    color:#2563eb; text-decoration:none; border-bottom:1px solid transparent;
    transition: border-color .15s ease, color .15s ease;
  }
  .sleek-footer a:hover{ color:#1d4ed8; border-bottom-color:#93c5fd; }
  @media (max-width:640px){
    .sleek-footer .footer-inner{ flex-direction:column; text-align:center; }
  }
</style>

<footer class="main-footer sleek-footer" role="contentinfo" aria-label="Site footer">
  <div class="footer-inner">
    <div class="copy">
      © <?= date('Y'); ?> • All rights reserved
    </div>
    <div class="powered">
      Powered by <a href="#" target="_blank" rel="noopener">SideGiG GuYs</a>
    </div>
  </div>
</footer>

<!-- /.control-sidebar -->
<div class='control-sidebar-bg'></div>
</div>
<!-- ./wrapper -->

<!-- JQUERY -->
<script src="<?= WEB_URL; ?>assets/js/jquery-3.5.1.min.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="<?= WEB_URL; ?>assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- SlimScroll -->
<script src="<?= WEB_URL; ?>assets/plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='<?= WEB_URL; ?>assets/plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App -->
<script src="<?= WEB_URL; ?>assets/dist/js/app.min.js" type="text/javascript"></script>
<!-- Demo -->
<script src="<?= WEB_URL; ?>assets/dist/js/demo.js" type="text/javascript"></script>
<!-- iCheck 1.0.1 -->
<script src="<?= WEB_URL; ?>assets/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- DATA TABLES SCRIPT -->
<script src="<?= WEB_URL; ?>assets/plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>

<script src="<?= WEB_URL; ?>assets/dist/js/jquery.mask.min.js"></script>
<script src="<?= WEB_URL; ?>assets/dist/js/common.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/dist/js/printThis.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/dist/js/dataTables.responsive.min.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/dist/js/dataTables.tableTools.min.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="<?= WEB_URL; ?>assets/js/intlTelInput.min.js" type="text/javascript"></script>

<script>
  function isPhone(number) {
    return /^[0-9]+$/.test(number) && String(number).length >= 10;
  }
  /* If you enable intl-tel-input later:
  $(function(){
    $('.intelphone').each(function(){
      window.intlTelInput(this, {
        preferredCountries: ['gh','gb','us','ng'],
        utilsScript: '../js/utils.js',
      });
    });
  });
  */
</script>

<input type="hidden" id="web_url" value="<?= WEB_URL; ?>" />
</body></html>
