<!-- ======= Header ======= -->
<header id="header" class="header fixed-top rox" data-scrollto-offset="0">
    <div class="container-fluid d-flex align-items-center justify-content-between">
        <a href="/<?echo $site_lang;?>/index" class="logo d-flex align-items-center scrollto me-auto me-lg-0">
            <!-- Uncomment the line below if you also wish to use an image logo -->
            <!-- <img src="assets/img/logo.png" alt=""> -->
            <h1>LaBakeca<span>.eu</span></h1>
        </a>
        <div class="language-picker language-picker--hide-label js-language-picker me-5" data-trigger-class="li4-btn li4-btn--subtle js-tab-focus">
            <form action="" class="language-picker__form">
                <label for="language-picker-select">Select your language</label>
                <select name="language-picker-select" id="language-picker-select">
                    <?if(1==2){?>
                    <option lang="he" <?if($site_lang=="he" ){ echo 'selected' ;}?> value="hest" selected>Test</option>
                    <?}?>
                    <option lang="en" <?if($site_lang=="en" ){ echo 'selected' ;}?> value="english">English</option>
                    <option lang="es" <?if($site_lang=="es" ){ echo 'selected' ;}?> value="espanol">Español</option>
                    <option lang="it" <?if($site_lang=="it" ){ echo 'selected' ;}?> value="italiano">Italiano</option>
                </select>
            </form>
        </div>
        <nav id="navbar" class="navbar">
            <ul>
                <li><a href="index" class="active">Home</a></li>
                <li><a class="nav-link scrollto" href="index.php#services">
                        <?if($site_lang=="en"){?>
                        Services
                        <?}elseif($site_lang=="es"){?>
                        Servicios
                        <?}else{?>
                        Servizi
                        <?}?>
                    </a></li>
                <li><a href="blog" >Blog</a></li>
                <?if(1==2){?>
                <li class="dropdown megamenu"><a href="#"><span>
                            <?if($site_lang=="en"){?>
                            Discover the categories:
                            <?}elseif($site_lang=="es"){?>
                            Descubra las categorías:
                            <?}else{?>
                            Scopri le categorie:
                            <?}?></span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
                    <ul>
                        <li>
                            <a href="#">Categ 1</a>
                            <a href="#">Categ 2</a>
                            <a href="#">Categ 3</a>
                        </li>
                        <li>
                            <a href="#">Categ 4</a>
                            <a href="#">Categ 5</a>
                            <a href="#">Categ 6</a>
                        </li>
                        <li>
                            <a href="#">Categ 7</a>
                            <a href="#">Categ 8</a>
                            <a href="#">Altro..</a>
                        </li>
                    </ul>
                </li>
                <?}?>
                <li class="dropdown"><a href="#"><span>
                            <?if($site_lang=="en"){?>
                            About us
                            <?}elseif($site_lang=="es"){?>
                            Quiénes somos
                            <?}else{?>
                            Su di noi
                            <?}?></span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
                    <ul>
                      
                        <li><a href="/<?echo $site_lang;?>/about-us"><span>
                                    <?if($site_lang=="en"){?>
                                    Contacts
                                    <?}elseif($site_lang=="es"){?>
                                    Contacto
                                    <?}else{?>
                                    Contatti
                                    <?}?></span>
                            </a>
                        </li>
                        <li><a href="/<?echo $site_lang?>/privacy_<?echo $site_lang;?>">Privacy Policy</a></li>
                        <li><a href="/<?echo $site_lang?>/cookies_<?echo $site_lang;?>">Cookie Policy</a></li>
                        <li><a href="/<?echo $site_lang?>/terms_<?echo $site_lang;?>">Terms and Conditions</a></li>
                    </ul>
                </li>
                </li>
                <li class="dropdown"><a href="#"><span>
                            <? if(!isset($_SESSION["ospite"])){ ?>
                                <?if($site_lang=="en"){?>
                                    Account
                                <?}elseif($site_lang=="es"){?>
                                    Cuenta
                                <?}else{?>
                                    Account
                                <?}?>
                            <? }else{ 
                                if($site_lang=="en"){
                                    echo "<b>Welcome back,".$_SESSION["ospite"]."</b>"; 
                                }elseif($site_lang=="es"){
                                    echo "<b>Bienvenido,".$_SESSION["ospite"]."</b>";
                                }else{
                                    echo "<b>Bentornato,".$_SESSION["ospite"]."</b>";
                                }?>
                            <?}?>
                        </span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
                    <ul>
                        <? if(!isset($_SESSION["ospite"])){ ?>
                                    
                                <?if($site_lang=="en"){?>
                                    <li><a href="/signup/signup/index">Signup</a></li>
                                <?}elseif($site_lang=="es"){?>
                                    <li><a href="/signup/inscripcion/index">Inscripcion</a></li>
                                <?}else{?>
                                    <li><a href="/signup/registrazione/index">Registrati</a></li>
                                <?}?>

                                    <li><a href="#"><span><i class="bi bi-person-lines-fill me-2"></i>
                                <?if($site_lang=="en"){?>
                                    Log in
                                    <?}elseif($site_lang=="es"){?>
                                    Conectarse
                                    <?}else{?>
                                    Accedi
                                    <?}?></span></a>
                                </li>
                        <? }else{
                                    echo '<li ><form action="/logout" method="POST"> <input type="hidden"> <button name="btnLogout" value="btnLogout" type="submit" style=" background: none;
                                                                          color: inherit; border: none; padding: 0; font: inherit;  cursor: pointer;  outline: inherit;" >Logout</button> </form></li>';
                            }?>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                            <a class="nav-icon dropdown-toggle d-inline-block d-sm-none" href="#" data-bs-toggle="dropdown">
                                <i class="align-middle" data-feather="settings"></i>
                            </a>
                            <a class="nav-link dropdown-toggle d-none d-sm-inline-block" href="#" data-bs-toggle="dropdown">
                                <img src="img/avatars/avatar.jpg" class="avatar img-fluid rounded me-1" alt="Charles Hall" /> <span class="text-dark">Charles Hall</span>
                            </a>
                            <div class="dropdown-menu dropdown-menu-end">
                                <a class="dropdown-item" href="pages-profile.html"><i class="align-middle me-1" data-feather="user"></i> Profile</a>
                                <a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="pie-chart"></i> Analytics</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="index.html"><i class="align-middle me-1" data-feather="settings"></i> Settings & Privacy</a>
                                <a class="dropdown-item" href="#"><i class="align-middle me-1" data-feather="help-circle"></i> Help Center</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="#">Log out</a>
                            </div>
                        </li>
            </ul>
            <i class="bi bi-list mobile-nav-toggle d-none"></i>
        </nav><!-- .navbar -->
        <a class="btn-getstarted scrollto d-none d-sm-flex" 
                            <?if($site_lang=="en"){?>
                                    href="/signup/signup/index"
                                 <?}elseif($site_lang=="es"){?>
                                     href="/signup/inscripcion/index"
                                <?}else{?>
                                     href="/signup/registrazione/index"
                                <?}?>>
            <?if($site_lang=="en"){?>
            Start Now!
            <?}elseif($site_lang=="es"){?>
            Empezar ahora!
            <?}else{?>
            Inizia Ora!
            <?}?>
        </a>
    </div>
</header><!-- End Header -->