<script lang="ts">
    import {locals} from "../../ts/stores.js";
    import BaseLayout from "../layouts/BaseLayout.svelte";
    import Breadcrumb from "../components/Breadcrumb.svelte";

    const menu = $locals.menu || [];
</script>

<BaseLayout title="{$locals.app.name} backend" h1={false}>
    <div class="container">
        <Breadcrumb currentPageTitle="Backend"/>

        <h1>App administration</h1>

        <div class="panel">
            <nav>
                <ul>
                    {#each menu as element}
                        <li>
                            <a href={element.link}>
                                {#if element.display_icon !== null}
                                    <i data-feather={element.display_icon}></i>
                                {/if}
                                {element.display_string}
                            </a>
                        </li>
                    {/each}
                </ul>
            </nav>
        </div>
    </div>
</BaseLayout>
