@rendermode @(new InteractiveServerRenderMode(prerender: false))

@if (!isVisible)
{
    <div class="tagOnly">
        <div class="d-flex justify-content-around">
            <button class="btn-show" @onclick="()=>showMenu()">
                <div class="d-flex justify-content-around">
                    <div class="px-2"><i class="fa-solid fa-bars"></i></div>
                    <div class="px-2">Accesso Rapido</div>
                </div>
            </button>
        </div>
    </div>
}
else
{
    <div class="menuArea w-100">
        <div class="d-flex justify-content-around">
            <button class="btn-hide" @onclick="()=>hideMenu()">
                <div class="d-flex justify-content-around">
                    <div class="px-2"><i class="fa-solid fa-bars"></i></div>
                    <div class="px-2">Accesso Rapido</div>
                </div>
            </button>
        </div>
        <div class="choiceArea text-center pt-2">
            <div class="rapid-buttons">
                <div class="btn-group w-100">
                    <button type="button" class="btn btn-light" @onclick="()=>goToIndex()">
                        <i class="fa-solid fa-person-booth fa-2x"></i>
                        <div>Timbra</div>
                    </button>
                    <button type="button" class="btn btn-light mx-1" @onclick="()=>goToAdmin()">
                        <i class="fa-solid fa-user fa-2x"></i>
                        <div>Admin</div>
                    </button>
                    <button type="button" class="btn btn-light" @onclick="()=>goToMPF()">
                        <i class="fa-solid fa-ticket fa-2x"></i>
                        <div>MFP</div>
                    </button>
                </div>
            </div>
            <div>
                <div class="d-flex justify-content-between px-3 text-light my-2">
                    <div>
                        GPW <span class="small">v.@version</span>
                    </div>
                    <div class="text-end">
                        <a type="button" class="text-light" @onclick="() => goToAbout()">
                            <img class="img-fluid" width="16" src="images/LogoEgw.png" /> Egalware
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
}