<header class="header-wrapper" id="siteHeader">
    <div class="container">
        <div class="site-header hide-xs">
            <div class="col c2 text-left logo">
                <div class="logo-container"><a href="<?php echo site_url() ?>"> <img src="<?php echo EPOS_UPLOAD_PATH . $this->config->item('general_logo') ?>" alt="<?php echo $this->config->item('general_name') ?>"></a></div>
            </div>
            <div class="col c10 text-right navigation">
                <nav class="nav" tabindex="-1" onclick="this.focus()">
                    <div class="nav-item">
                        <a href="<?php echo site_url() ?>" class="pagename text-uppercase">&nbsp;Home</a>
                       <!-- <a href="<?php echo site_url('about') ?>" class="text-uppercase">&nbsp;About</a>-->
                        <a href="<?php echo site_url('online-order') ?>" class="text-uppercase">&nbsp;Online Order</a>
                        <a href="<?php echo site_url('review') ?>" class="text-uppercase">&nbsp;Review</a> 
                        <a href="<?php echo site_url('gallery') ?>" class="text-uppercase">&nbsp;Gallery</a> 
                        <!--<a href="<?php echo site_url('reservation') ?>" class="text-uppercase">&nbsp;Book a Table</a>-->
                        <a href="<?php echo site_url('contact') ?>" class="text-uppercase">&nbsp;Contact</a>
                        <?php if ($this->session->userdata('customerId')): ?>
                            <a href="<?php echo site_url('my-account') ?>" class="text-uppercase">&nbsp;My Account</a>
                            <a href="<?php echo site_url('my-account/signout') ?>" class="text-uppercase">&nbsp;Logout</a>
                        <?php else: ?>
                            <a href="<?php echo site_url('customer-login') ?>" class="text-uppercase">&nbsp;Login</a>
                            <a href="<?php echo site_url('customer-signup') ?>" class="text-uppercase">&nbsp;Sign up</a>
                        <?php endif; ?>
                        <a href="<?php echo site_url('online-order/#cartItemListArea') ?>" class="hide-xs text-uppercase"><span class="cart-amount"><span class="icon icon-basket">&nbsp;</span><span class="header-cart-total"><?php echo to_currency($cartTotal) ?></span></a>
                    </div>
                </nav>
                <button class="btn-close btn btn-sm">&times;</button>
            </div>
        </div>
        <div class="brand-header hide-lg">
            <div class="brand-header-inner">
                <div class="col c2 text-left" onclick="toggleResponsiveHeaderMenu()"><span class="icon icon-doc-text-inv" style="font-size: 44px; font-weight: bold;color:#fff;"></span></div>
                <div class="col <?php $url !== site_url('online-order')? print'c6':print'c10' ?> text-center"><a href="<?php echo site_url() ?>"> <img src="<?php echo EPOS_UPLOAD_PATH . $this->config->item('general_logo') ?>" alt="<?php echo $this->config->item('general_name') ?>" style="height: 55px;"></a></div>
                <div class="col c4 text-right">
                    <?php if ($url !== site_url('online-order')): ?>
                        <a href="<?php echo site_url('online-order') ?>" class="btn btn-a btn-sm" style="margin-top: 10px;">Order Now</a>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="brand-header-tab-list" style="display: none;">
    <div class="tab-group"><a href="<?php echo site_url() ?>" class="tab-item text-left">&nbsp;Home</a></div>
    <!--<div class="tab-group"><a href="<?php echo site_url('about') ?>" class="tab-item text-left">&nbsp;About</a></div>-->
    <div class="tab-group"><a href="<?php echo site_url('online-order') ?>" class="tab-item text-left">&nbsp;Online Order</a> </div>
    <div class="tab-group"><a href="<?php echo site_url('review') ?>" class="tab-item text-left">&nbsp;Review</a> </div>
    <div class="tab-group"><a href="<?php echo site_url('gallery') ?>" class="tab-item text-left">&nbsp;Gallery</a> </div>
    <!--<div class="tab-group"><a href="<?php echo site_url('reservation') ?>" class="tab-item text-left">&nbsp;Book a Table</a></div>-->
    <div class="tab-group"><a href="<?php echo site_url('contact') ?>" class="tab-item text-left">&nbsp;Contact</a></div>
    <?php if ($this->session->userdata('customerId')): ?>
        <div class="tab-group"><a href="<?php echo site_url('my-account') ?>" class="tab-item text-left">&nbsp;My Account</a></div>
        <div class="tab-group"><a href="<?php echo site_url('my-account/signout') ?>" class="tab-item text-left">&nbsp;Logout</a></div>
    <?php else: ?>
        <div class="tab-group"><a href="<?php echo site_url('customer-login') ?>" class="tab-item text-left">&nbsp;Login</a></div>
        <div class="tab-group"><a href="<?php echo site_url('customer-signup') ?>" class="tab-item text-left">&nbsp;Sign up</a></div>
    <?php endif; ?>
</div>
<style>
    .brand-header-tab-list {
        position: fixed;
        top: 60px;
        width: 100%;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 4;
    }
    .brand-header-tab-list .tab-item {
        padding: 8px 1px;
        background: #3b2116;
        margin: 1px 0px;
        color: #fff;
        font-size: 17px;
    }
</style>
<script type="text/javascript">
    function toggleResponsiveHeaderMenu() {
        $('.brand-header-tab-list').slideToggle();
    }
</script>

