<header id="navbar" role="banner" class="<?php print $navbar_classes; ?>">
    <div class="un-sticky" id="un-sticky">
        <div class="<?php print $container_class; ?>">

            <div class="container head">
                <!-- left nav top -->
                <?php if (!empty($page['language_switcher'])): ?>
                    <?php print render($page['language_switcher']); ?>
                <?php endif ?>
                <?php if (empty($page['reservation'])): ?>
                    <?php print render($page['reservation']); ?>
                    <li class="reservation">
                        <a class="show-modal-reservation" id="mymodal" title="Show" data-toggle="modal"
                           data-target="#myModal"><i class="ion-ios-calendar-outline"></i><?php echo t("Reservation"); ?></a>
                    </li>
                <?php endif ?>
                </ul>
                <!-- right nav top -->
                <?php if (!empty($page['basket'])): ?>
                    <?php print render($page['basket']); ?>
                <?php endif ?>
            </div>

            <div class="col-sm-12">
                <?php if (!empty($page['logo'])): ?>
                    <?php print render($page['logo']); ?>
                <?php endif ?>
            </div>
            <div class="navbar-header">
                <?php if ($logo): ?>
                    <a class="logo navbar-btn pull-left" href="<?php print $front_page; ?>"
                       title="<?php print t('Home'); ?>">
                        <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>"/>
                    </a>
                <?php endif; ?>

                <?php if (!empty($site_name)): ?>
                    <a class="name navbar-brand" href="<?php print $front_page; ?>"
                       title="<?php print t('Home'); ?>"><?php print $site_name; ?></a>
                <?php endif; ?>

                <?php if (!empty($primary_nav) || !empty($secondary_nav) || !empty($page['navigation'])): ?>
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                        <span class="sr-only"><?php print t('Toggle navigation'); ?></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                <?php endif; ?>
            </div>

            <?php if (!empty($primary_nav) || !empty($secondary_nav) || !empty($page['navigation'])): ?>
                <div class="navbar-collapse collapse" id="navbar-collapse">
                    <nav role="navigation">
                        <?php if (!empty($secondary_nav)): ?>
                            <?php print render($secondary_nav); ?>
                        <?php endif; ?>
                        <div class="col-sm-12">
                            <div class="col-sm-10 pull-left">
                                <?php if (!empty($page['navigation'])): ?>
                                    <div class="custom-menu pull-right">
                                        <?php print render($page['navigation']); ?>
                                    </div>
                                <?php endif; ?>
                                <?php if (!empty($primary_nav)): ?>
                                    <div class="col-sm-10 pull-right">
                                        <?php print render($primary_nav); ?>
                                    </div>
                                <?php endif; ?>
                            </div>
                            <div class="col-sm-2 pull-right">
                                <?php if (!empty($page['search'])): ?>
                                    <?php print render($page['search']); ?>
                                <?php endif; ?>
                            </div>
                        </div>
                    </nav>
                </div>
            <?php endif; ?>
        </div>
    </div>
    <div class="sticky" id="sticky">
        <?php if (!empty($page['sticky'])): ?>
            <div class="col-sm-2">
                <a class="pull-right show-modal-reservation"
                   id="mymodal"
                   title="Show"
                   data-toggle="modal"
                   style="margin-top: 15px;"
                   data-target="#myModal"><i class="fa fa-calendar-o"></i>
                </a>
            </div>
            <?php print render($page['sticky']); ?>
        <?php endif; ?>
    </div>
</header>