<section class="banner home" style="height:<?php echo isset($height) ? $height : 0; ?>px">
<?php /*
    <img src="/images/structure/logo_header.svg" alt="IJzeren Man Vught" class="circle-logo preload"/>
*/ ?>
    <?php /* IJM logo */ ?>
    <img src="/images/structure/logo_header.svg" alt="IJzeren Man Vught" class="circle-logo preload"/>

    <div class="container">
        <span class="overlay left"></span>
        <span class="overlay right"></span>

        <?php /* Overlays*/ ?>
        <ul class="banner-overlays" id="banner-overlays">
            <?php foreach($globals as $key => $item): ?>
                <li><span class="overlay"></span></li>
            <?php endforeach; ?>
        </ul>

        <?php /* Columns*/ ?>
        <ul class="banner-columns" id="banner-columns">
            <?php foreach($globals as $key => $item): ?>
                <li>
                    <a href="/<?php echo $item->route; ?>" data-state="<?php echo Str::camel($item->name); ?>"></a>
                </li>
            <?php endforeach; ?>
        </ul>

        <?php /* Large titles */ ?>
        <ul class="banner-titles" id="banner-titles">
            <?php foreach($globals as $key => $item): ?>
                <li><span class="logo <?php echo $item->codeName; ?>"></span></li>
            <?php endforeach; ?>
        </ul>
    </div>

    <div class="backgrounds">
        <?php /* Default image */ ?>
        <?php if(isset($globals[0]->headerImage)): ?>
            <img src="<?php echo $globals[0]->headerImage; ?>" alt="<?php echo $globals[0]->name; ?>" class="fill preload"/>
        <?php endif; ?>

        <?php /* Background images */ ?>
        <ul id="banner-backgrounds">
        <?php foreach($globals as $key => $item): ?>
            <li>
                <?php if( ! empty($item->headerImage)): ?>
                    <img src="<?php echo $item->headerImage; ?>" alt="<?php echo $item->name; ?>" class="fill preload"/>
                <?php endif; ?>
            </li>
        <?php endforeach; ?>
        </ul>

    </div>

</section>