<?php
$products = [
    [
        'name' => 'Cube',
        'img'  => 'cube.jpg',
        'link' => '/cube/'
    ],
    [
        'name' => 'Challenger Alu',
        'img'  => 'challenger.jpg',
        'link' => '/challenger-alu/'
    ],
    [
        'name' => 'Challenger Next',
        'img'  => 'challenger-next.jpg',
        'link' => '/challenger-next/'
    ],
    [
        'name' => 'Challenger Black',
        'img'  => 'challenger-black.jpg',
        'link' => '/challenger-black/'
    ],

    [
        'name' => 'Triangle',
        'img'  => 'triangle.jpg',
        'link' => '/triangle/'
    ],

    [
        'name' => 'Budget',
        'img'  => 'budget-new.jpg',
        'link' => '/budget/'
    ],

    [
        'name' => 'Basic',
        'img'  => 'basic.jpg',
        'link' => '/basic/'
    ],
    [
        'name' => 'Plus',
        'img'  => 'plus.jpg',
        'link' => '/plus/'
    ],
    [
        'name' => 'Evolution',
        'img'  => 'evolution.jpg',
        'link' => '/evolution/'
    ],
    [
        'name' => 'Delight',
        'img'  => 'delight.jpg',
        'link' => '/delight/'
    ],
    [
        'name' => 'Massive',
        'img'  => 'massive.jpg',
        'link' => '/massive/'
    ],
    [
        'name' => 'Twin',
        'img'  => 'twin.jpg',
        'link' => '/twin/'
    ],
    [
        'name' => 'Premium',
        'img'  => 'premium.jpg',
        'link' => '/premium/'
    ],
    [
        'name' => 'Premium Black',
        'img'  => 'premium-black.jpg',
        'link' => '//premium-black/'
    ],
    [
        'name' => 'Deluxe',
        'img'  => 'deluxe.jpg',
        'link' => '/deluxe/'
    ],
    [
        'name' => 'Double',
        'img'  => 'double.jpg',
        'link' => '/double/'
    ],
    [
        'name' => 'Extreme',
        'img'  => 'extreme.jpg',
        'link' => '/extreme/'
    ],
    [
        'name' => 'Mini',
        'img'  => 'mini.jpg',
        'link' => '/mini/'
    ],
];
?>


<ul id="producten" class="productCategorie">
    <?php
    foreach ($products as $key => $product)
    {
        ?>
        <li <?php if($key % 4 == 0)
        { ?> class="leftSide" <?php } ?> >
            <?php if($key % 4 == 0)
            { ?>
                <div class="shadow"></div> <?php } ?>

            <div class="content">
                <img src="/img/product_overzicht/roll_banners/<?php echo $product['img']; ?>"/>
                <div class="button">
                    <a class="ctaButton buttonDown">
                        <span class="left"><span
                                    class="text"><?php echo($_SESSION['taal_table']['text']['productdetails']); ?></span><span
                                    class="up"></span><span class="hover"></span></span>
                        <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span
                                    class="hover"></span></span>
                    </a>
                </div>
                <div class="subitemList">
                    <ul>
                        <li class="title target productDetail"><a class="saveViewportProductOverview"
                                                                  href="<?php echo('/' . $_SESSION['taal_table']['language'] . '/' . $_SESSION['taal_table']['url']['producten']); ?>/roll-banners<?php echo $product['link']; ?>"><?php echo $product['name']; ?></a><span
                                    class="icon"></span></li>
                    </ul>
                </div>
            </div>
        </li>
        <?php
    }
    ?>
</ul>