<footer class="footer mt-auto  bg-body-tertiary fixed-bottom">
      <div class="container-fluid px-4" style="background-color: #b4b8b5;">
        <div class="row justify-content-between align-items-center small">
          
          <!-- Left side: Copyright -->
          <div class="col-auto text-muted text-center text-md-left">
            Copyright &copy; HaMPo, <?= date('Y'); ?>
          </div>
          
          <!-- Center: App version info, visible only on medium and larger screens -->
          <div class="col-auto d-none d-md-block text-center" id="appversion">
            Page rendered in <strong>{elapsed_time}</strong> seconds. 
            
  
          <?php 
echo (ENVIRONMENT === 'development') ? 'CodeIgniter Version <strong>' . \CodeIgniter\CodeIgniter::CI_VERSION . ' </strong>' : '';
echo 'Current PHP Version <strong>' . phpversion() . '</strong>';

?>

 
          </div>
          
          <!-- Right side: Developer information -->
          <div class="col-auto text-center text-md-right bg-info">
            <label id="aboutBtn" class="">Developed By</label>
          </div>
          
        </div>
      </div>
    </footer>

    <script src="<?=base_url()?>assets/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="<?=base_url()?>assets/plugins/bootbox/bootbox.min.js"></script>

    <!-- Select2 -->
    <script src="<?=base_url()?>assets/select2/js/select2.full.min.js"></script>

    <!-- DataTables for bs5-->
    <script type="text/javascript" src="<?=base_url()?>assets/datatables/datatables.js"></script>


    <!-- project default script -->
    <script src="<?=base_url()?>assets/js/default.js"></script>


<script>
$(document).ready(function() {
    $('#aboutBtn').on('click', function() {
        bootbox.alert({
            title: `About HaMPo...`,
            // title: `<img src="<?=base_url('assets/img/logo.png');?>" alt="Software Logo" style="width: 100px; height: auto; margin-bottom: 20px;">`,
            message: `
                <div style="text-align: center;">
                    <img src="<?=base_url('assets/img/logo.png');?>" alt="Software Logo" style="width: 100px; height: auto; margin-bottom: 20px;">
                    <p>Hardware Management Portal (HaMPo) <br>
                    Version: <?=VER?></p>
                    <p>Author: Md. Arif Uddin</p>
                    <p>This software is designed to Hardware Management. Inventory System, Repair Maintenance and Delivery Management.</p>
                    <p>Contact: info@sobkichu.com <br>
                    <a href="https://sobkichu.com" target="_new">Sobkichu.com</a></p>
                </div>
            `,
            buttons: {
                ok: {
                    label: 'Close',
                    className: 'btn-primary'
                }
            }
        });
    });
});
</script>

</body>
</html>