<header>

    <div class="pre-header">
        <div class="grid-row">
            <div class="reasons">
                <?php
                $reasons = ['Quality products', '24/7 e-mail support', 'Two-years warranty'];
                foreach ($reasons as $reason) {
                    echo "<p>" . $reason . "</p>";
                } ?>
            </div>

            <?php if(X2) { ?>
                <a class="mail-button" href="mailto:info@x2products.com">info@x2products.com</a>
            <?php } else { ?>
                <a class="mail-button" href="mailto:info@spire-corp.com">info@spire-corp.com</a>
            <?php } ?>
        </div>
    </div>

    <div class="grid-row main-row">
        <a href="/" class="logo">
            <?php if(X2) { ?>
                <img alt="logo" src="/img/x2_logo.svg" />
            <?php } else { ?>
                <img alt="logo" src="/img/spire_logo.svg" />
            <?php } ?>
        </a>

        <div class="search-placeholder">

            <form action="<?php echo SITE_ROOT; ?>" method="post" class="search">
                <input id="search_keyword" name="search_keyword" type="text" placeholder="What can we help you find?"
                           class="input search-input" data-label="What can we help you find?"/>
                <div class="submit" id="submitSearch">
                    <span class="icon"></span>
                    <input type="submit" value="Search">
                </div>
            </form>

        </div>

        <?php if(X2) { ?>
            <a href="http://www.spirex2-checkout.komma-mediadesign.nl" class="shopping-cart-icon">
        <?php } else { ?>
            <a href="http://www.spire-checkout.komma-mediadesign.nl" class="shopping-cart-icon">
        <?php } ?>
            <div data-amount="<?php $this->shoppingCart->getItemsAmount(); ?>" class="icon"></div>
            <span>cart</span>
        </a>

    </div>

    <nav>
        <div class="grid-row">
            <ul>
                <?php $this->getData('main_nav'); ?>
            </ul>
        </div>
    </nav>
</header>