<?php
  $headerNavRestaurantUseCase = isset($_GET['header_nav_restaurant_use_case']) ? $_GET['header_nav_restaurant_use_case'] : 'default';
?>
<div class="nav nav-local nav-local-club" data-class="NAV">
  <!-- HEADER -->
  <div class="hea">
    <div class="hea-bar">
      <div class="hea-bar-col-left">
        <div class="space-carre-vip">
          <a class="space-carre-vip-wrapper" href="TP11-6-carre-vip-local.php">
            <span class="picto-barriere"></span>
            <div class="picto-barriere-label" data-mobile="Carré VIP" data-desktop="ESPACE Carré VIP">ESPACE Carré VIP
            </div>
            <div class="clearfix"></div>
          </a>
        </div>
      </div>
      <div class="hea-bar-col-right">
        <div class="other-languages dropdown pr20">
          <div id="other-languages" class="dropdown-title" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">FR</div>
          <ul class="dropdown-menu" aria-labelledby="other-languages">
            <li class="dropdown-item"><a href="">EN</a></li>
            <li class="dropdown-item"><a href="">IT</a></li>
            <li class="dropdown-item"><a href="">PL</a></li>
          </ul>
        </div>
        <div class="other-website dropdown">
          <div id="other-website" class="dropdown-title" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            NOS AUTRES SITES
          </div>
          <ul class="dropdown-menu" aria-labelledby="other-website">
            <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 1</a></li>
            <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 2</a></li>
            <li class="dropdown-item"><a itemprop="url" href="">WEBSITE 3</a></li>
          </ul>
        </div>
        <div class="our-other-casinos">
          <a href="TP09-store-locator.php">
            <div class="icon-svg">
              <svg>
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprites/sprite.svg#icon-geolocation-outline"></use>
              </svg>
            </div>
            <div class="our-other-casinos-label">Choisir un autre casinos</div>
          </a>
        </div>
      </div>
    </div>
    <div class="hea-logo-container hea-logo-container-local">
      <a href="" class="hea-logo hea-logo-local">
        <img src="img/content/local-websites/paris/logo-club.jpg" alt="Casinos Barrière ..."/>
      </a>
    </div>
  </div>
  <!-- Main Navbar -->
  <nav class="navbar navbar-default">
    <div class="navbar-header">
      <div class="navbar-header-carrevip show-mobile"></div>
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#master-menu">
        <span class="sr-only"></span>
        <span class="icon-bar top-bar"></span>
        <span class="icon-bar middle-bar"></span>
        <span class="icon-bar bottom-bar"></span>
      </button>
      <div class="navbar-header-title" data-toggle="collapse" data-target="#master-menu">MENU</div>
    </div>
    <div id="master-menu" class="collapse navbar-collapse js-navbar-collapse no-transition">
      <ul class="nav navbar-nav">
        <!-- home -->
        <li id="homelk" class="home home-link <?php if ($currentRub == "00-home-national") { ?>active <?php } ?>">
          <a class="menu-item" href="00-home-national.php">
            <span class="home-icon"></span>
            <span class="home-icon-golden"></span>
          </a>
        </li>
        <!-- jeux -->
        <li id="game" class="dropdown mega-dropdown <?php if ($currentRub == "TP02-1-mas" || $currentRub == "TP02-2-mas-actu" || $currentRub == "TP02-3-poker" || $currentRub == "TP02-jeux") { ?>active <?php } ?>">
          <!-- <a href="" class="menu-item dropdown-toggle invert" data-toggle="dropdown">Jeux</a> -->
          <a href="" class="menu-item" data-toggle="  ">Jeux</a>
          <!-- dropdown-menu -->
          <div class="dropdown-menu mega-dropdown-menu invert">
            <!-- close -->
            <div class="mega-dropdown-menu-close"></div>
            <div class="mega-dropdown-menu-container">
              <div class="mega-dropdown-menu-content">
                <div class="mega-dropdown-menu-col-12 pb40 hide-mobile">
                  <div class="mega-dropdown-menu-title-game color-white text-center">
                    <p>
                      Débutants ou experts, découvrez l’ensemble de nos activités de jeux.<br/>
                      Ce soir, le plus difficile sera de choisir !
                    </p>
                  </div>
                </div>
                <div class="mega-dropdown-menu-game">
                  <a class="mega-dropdown-menu-game-push" href="TP02-1-mas.php">
                    <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/machines-a-sous_desktop.jpg">
                      <source media="(min-width: 1025px)" srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                      <source media="(min-width: 481px)" srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                      <source media="(max-width: 480px)" srcset="img/layout/nav/machines-a-sous_desktop.jpg"/>
                      <img src="" alt=""/>
                    </picture>
                    <div class="mega-dropdown-menu-game-push-content">
                      <div class="title text-center">MACHINES<br/>A SOUS</div>
                    </div>
                  </a>
                  <a class="mega-dropdown-menu-game-push" href="">
                    <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/jeux-de-table_desktop.jpg">
                      <source media="(min-width: 1025px)" srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                      <source media="(min-width: 481px)" srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                      <source media="(max-width: 480px)" srcset="img/layout/nav/jeux-de-table_desktop.jpg"/>
                      <img src="" alt=""/>
                    </picture>
                    <div class="mega-dropdown-menu-game-push-content">
                      <div class="title text-center">JEUX<br/>DE TABLE</div>
                    </div>
                  </a>
                  <a class="mega-dropdown-menu-game-push" href="">
                    <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/jeux-electroniques_desktop.jpg">
                      <source media="(min-width: 1025px)" srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                      <source media="(min-width: 481px)" srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                      <source media="(max-width: 480px)" srcset="img/layout/nav/jeux-electroniques_desktop.jpg"/>
                      <img src="" alt=""/>
                    </picture>
                    <div class="mega-dropdown-menu-game-push-content">
                      <div class="title text-center">JEUX<br/>ELECTRONIQUES</div>
                    </div>
                  </a>
                  <a class="mega-dropdown-menu-game-push" href="">
                    <picture class="mega-dropdown-menu-game-push-picture" data-alt="" data-default-src="img/layout/nav/poker_desktop.jpg">
                      <source media="(min-width: 1025px)" srcset="img/layout/nav/poker_desktop.jpg"/>
                      <source media="(min-width: 481px)" srcset="img/layout/nav/poker_desktop.jpg"/>
                      <source media="(max-width: 480px)" srcset="img/layout/nav/poker_desktop.jpg"/>
                      <img src="" alt=""/>
                    </picture>
                    <div class="mega-dropdown-menu-game-push-content">
                      <div class="title text-center">POKER</div>
                    </div>
                  </a>
                </div>
                <div class="nav-gamebanners">
                  <?php require 'inc/components/component-IG.php'; ?>
                </div>
                <div class="push-show-all-games">
                  <a href="">VOIR TOUS LES JEUX</a>
                </div>
                <hr class="stars ptb20"/>
              </div>
            </div>
          </div>
        </li>
        <!-- Tournois -->
        <li>
          <a class="menu-item" href="">Tournois</a>
        </li>
        <!-- Actualités -->
        <li>
          <a class="menu-item" href="">Actualités</a>
        </li>
        <!-- jeu mobile -->
       <!--  <li>
          <a class="menu-item" href="#">JEU MOBILE</a>
        </li> -->
        <!-- restaurants & bars -->
        <li id="restaurants" class="dropdown mega-dropdown <?php if ($currentRub == "TP02-1-mas" || $currentRub == "TP02-2-mas-actu" || $currentRub == "TP02-3-poker" || $currentRub == "TP02-jeux") { ?>active <?php } ?>">
          <!-- <a href="" class="menu-item dropdown-toggle invert" data-toggle="dropdown">Restaurants & Bars</a> -->
          <a href="" class="menu-item" data-toggle="  ">Restaurants & Bars</a>
          <!-- dropdown-menu -->
          <div class="dropdown-menu mega-dropdown-menu invert">
            <!-- close -->
            <div class="mega-dropdown-menu-close"></div>
            <div class="mega-dropdown-menu-container">
              <div class="mega-dropdown-menu-content">
                <div class="mega-dropdown-menu-title-game color-white text-center pb40 hide-mobile">
                  <p>
                    At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum.
                  </p>
                </div>
                <div class="mega-dropdown-menu-restaurant">
                  <div class="mega-dropdown-menu-restaurant-sections">
                    <?php if ($headerNavRestaurantUseCase !== 'bars-only') : ?>
                    <section class="mega-dropdown-menu-restaurant-section">
                      <div class="mega-dropdown-menu-restaurant-section-title">Nos restaurants</div>
                      <div class="mega-dropdown-menu-restaurant-section-items">
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le bar de la mer</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-1.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Brasserie</div>
                        </a>
                        <?php if (in_array($headerNavRestaurantUseCase, ['default', 'less-items', 'restaurants-only'])) : ?>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le Brummel</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-2.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Brasserie</div>
                        </a>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le bar du soleil</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-3.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Terrasse</div>
                        </a>
                        <?php endif; ?>
                        <?php if (in_array($headerNavRestaurantUseCase, ['default', 'restaurants-only'])) : ?>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le plaza café</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-4.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Brasserie</div>
                        </a>
                        <?php endif; ?>
                        <?php if ($headerNavRestaurantUseCase === 'restaurants-only') : ?>
                          <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                            <div class="mega-dropdown-menu-restaurant-section-item-title">Le plaza café</div>
                            <div class="mega-dropdown-menu-restaurant-section-item-image">
                              <img src="img/layout/restaurant-4.jpg"/>
                            </div>
                            <div class="mega-dropdown-menu-restaurant-section-item-legend">Brasserie</div>
                          </a>
                        <?php endif; ?>
                      </div>
                    </section>
                    <?php endif; ?>
                    <?php if ($headerNavRestaurantUseCase !== 'restaurants-only') : ?>
                    <section class="mega-dropdown-menu-restaurant-section">
                      <div class="mega-dropdown-menu-restaurant-section-title">Nos bars</div>
                      <div class="mega-dropdown-menu-restaurant-section-items">
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">O² SOFA BAR</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-1.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Terrasse</div>
                        </a>
                        <?php if (in_array($headerNavRestaurantUseCase, ['default', 'bars-only', 'less-items'])) : ?>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le Plaza café</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-1.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">En salle</div>
                        </a>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">O² SOFA BAR</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-1.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">Terrasse</div>
                        </a>
                        <?php endif; ?>
                        <?php if (in_array($headerNavRestaurantUseCase, ['default', 'bars-only'])) : ?>
                        <a class="mega-dropdown-menu-restaurant-section-item" href="#">
                          <div class="mega-dropdown-menu-restaurant-section-item-title">Le Plaza café</div>
                          <div class="mega-dropdown-menu-restaurant-section-item-image">
                            <img src="img/layout/restaurant-1.jpg"/>
                          </div>
                          <div class="mega-dropdown-menu-restaurant-section-item-legend">En salle</div>
                        </a>
                        <?php endif; ?>
                      </div>
                    </section>
                    <?php endif; ?>
                  </div>
                  <section class="mega-dropdown-menu-around">
                    <div class="mega-dropdown-menu-around-item mega-dropdown-menu-around-item-around">
                      <a href="#">à proximité</a>
                    </div>
                    <div class="mega-dropdown-menu-around-item">
                      <a href="#">le ciro's barrière</a>
                    </div>
                    <div class="mega-dropdown-menu-around-item">
                      <a href="#">le bar de la mer</a>
                    </div>
                    <div class="mega-dropdown-menu-around-item">
                      <a href="#">le brummel</a>
                    </div>
                    <div class="mega-dropdown-menu-around-item">
                      <a href="#">le bar du soleil</a>
                    </div>
                  </section>
                </div>
                <div class="mega-dropdown-menu-col-12 color-white">
                  <hr class="stars ptb20"/>
                </div>
              </div>
            </div>
          </div>
        </li>
        
        
        <!--Infos-pratiques -->
        <li class="no-border"><a class="menu-item" href="">Infos-pratiques</a></li>
       
        <!-- Only for mobile version -->
        <li class="langs-mobile show-mobile">
          <ul class="langs-menu">
            <li class="langs-item"><a href="">FR</a></li>
            <li class="langs-item"><a href="">EN</a></li>
            <li class="langs-item"><a href="">IT</a></li>
            <li class="langs-item"><a href="">PL</a></li>
          </ul>
        </li>
        <li class="others-website-mobile show-mobile"></li>
      </ul>
    </div><!-- /.nav-collapse -->
  </nav>
</div>
