<nav class="navbar-color grey darken-4">
    <div class="nav-wrapper">
        <ul class="left">
            <li>
                <h1 class="valign-wrapper">

                    <a href="/Dialvox" class="brand-logo darken-1 valign-wrapper hide-on-med-and-down">
                        <div style="display: flex; flex-direction: row; gap: 0.2rem;align-items: center">
                            <?php if (isset($_SESSION["Logo"])) {
                                echo "<img src=\"" . MODULOS . "LogoCliente/getLogoFromSession\" style=\"height: 32px; width: auto;\" />";
                            } ?>
                            <span class="logo-text ">DialVox</span>
                        </div>
                    </a>
                    <a href="/Dialvox" class="darken-1 valign-wrapper hide-on-large-only" style="line-height: 0;">
                        <div style="display: flex; flex-direction: row; gap: 0.2rem;align-items: center">
                            <?php if (isset($_SESSION["Logo"])) {
                                echo "<img src=\"" . MODULOS . "LogoCliente/getLogoFromSession\" style=\"height: 32px; width: auto;\" />";
                            } ?>
                            <span class="logo-text ">DialVox</span>
                        </div>
                    </a>
                </h1>
            </li>
        </ul>

        <ul class="right ">
            <li>
                <div class="switch">
                    <label>
                        N
                        <input id="backgroundSwitch" type="checkbox" onclick="switchBack()" />
                        <span class="lever"></span>
                        B
                    </label>
                </div>
            </li>

            <li>
                <a class="dropdown-menu right" href="javascript:void(0);" onclick="hideBar()" id="navigationBarSwitch">
                    <i class="material-icons">swap_vert
                    </i>
                </a>
            </li>
            <li> <?= $_SESSION["Nombre"] ?>(<?= $_SESSION["Usuario"] ?>) - <?= $_SESSION["Cliente"] ?></li>
            <li>
                <a href="javascript:void(0);" class="dropdown-trigger" href="#" data-target="profile-dropdown">
                    <i class="material-icons">person</i>

                </a>
            </li>
            <li style="display: none;">
                <div id="banderaPais"></div>
            </li>
            <li style="display: none;">
                <select value="<?= $idioma; ?>" class="browser-default" id="idioma" onchange="cambiaridioma()" style="background-color:white;color:black;margin-top:7px;">
                    <option value="en">{{ traducirFrase("Ingles") }}</option>
                    <option value="es">{{ traducirFrase("Español") }}</option>
                </select>
            </li>

        </ul>
    </div>
</nav>