<!-- SIDEBAR RAVEN OFFICIEL -->
<aside
        class="shadow-card bg-white dark:bg-zinc-900 fixed start-0 transition-all ltr:-translate-x-full ltr:lg:-translate-x-0 rtl:translate-x-full rtl:lg:translate-x-0 top-0 w-64 h-full flex flex-col z-[52] app-sidebar">
    <div class="shrink-0 h-16 px-5 flex items-center">
        <div class="relative flex items-center justify-between w-full">
           <a href="" class="flex items-center relative z-[1]">
                    <span
                            class="flex size-8 items-center justify-center rounded-full bg-gradient-to-tl from-primary via-primary-deep to-primary-deep text-white shrink-0 font-normal">

                    </span>
                <h5 class="text ms-3 logo-text font-display">Ms1-Scoring</h5>
            </a>
            <!--Sidebar mini for lg screen-->
            <button id="isSidebarMini"
                    class="btn-sidebar-min hidden lg:flex size-7 flex items-center justify-center hover:bg-zinc-200 dark:hover:bg-zinc-800 rounded-md cursor-w-resize">
                <span class="icon-[lucide--sidebar] rtl:rotate-180"></span>
            </button>
        </div>
    </div>
    <div class="flex flex-col h-full overflow-y-auto" data-simplebar>
        <div class="flex flex-col py-3 px-3">
            <nav class="flex flex-col space-y-0.5" id="SidebarCollapseGroup">
                <!--:Menu title:-->
                <span class="text-xs text-zinc-400 mb-2 ps-4 sidebar-title uppercase font-semibold whitespace-nowrap">Overview</span>
                <a href="#"
                   onclick="if(confirm('Voulez-vous vraiment réinitialiser cette course ?')) { window.location.href='/events/reset/<?= $data['config']['con_id'] ?>'; }"
                   class="sidebar-link">

                  <span class="sidebar-icon">
                     <span class="icon-[lucide--timer-reset]"></span>
                   </span>

                    <span class="sidebar-text">O-Shit</span>
                </a>


            </nav>


            </div>
        </div>
    <!-- MENU EN BAS — RESTE TOUJOURS COLLÉ EN BAS -->
    <div class="mt-auto pt-4">

        <a href="/events" class="sidebar-link ">
                        <span class="sidebar-icon">
                           <span class="icon-[lucide--file-chart-column]"></span>
                        </span>
            <span class="sidebar-text">Listes</span>
        </a>
    </div>
    </div>

</aside>

