<?php if (isset($breadcrumb)) { ?>
    <div id="bc-card" class="card sticky-breadcrumb border border-secondary mb-3">
        <div class="card-header header-elements">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <?php
                    foreach ($breadcrumb as $item) {
                        ?>
                        <li class="breadcrumb-item <?= $item['active'] ? 'active' : '' ?>">
                            <a href="<?= $item['route'] ?>"><?= $item['title'] ?></a>
                        </li>
                        <?php
                    }
                    ?>
                </ol>
            </nav>
            <div id="bc-save-div" class="card-header-elements ms-auto" style="display: none">
                <button id="bc-save"
                        type="button"
                        class="btn btn-sm btn-primary waves-effect waves-light"
                >
                    <?= lang('Basic.global.Save') ?>
                </button>
            </div>
        </div>
    </div>
    <?php
} else { ?>
    <div class="card sticky-breadcrumb border border-secondary mb-3">
        <div class="card-header header-elements">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active">
                        <a href="<?= site_url(); ?>">Home</a>
                    </li>
                </ol>
            </nav>
        </div>
    </div>
<?php } ?>

<?= $this->section('globalJsFunctions') ?>

    function showBreadCrumbSaveButton(showIt = false){
        if(showIt === true){
            $('#bc-save-div').show();
            $('#bc-card').addClass('bg-warning');
        } else if(showIt === false){
            $('#bc-save-div').hide();
            $('#bc-card').removeClass('bg-warning');
        }
    }

<?= $this->endSection() ?>
