<?php
$products = [
    [
        'name' => 'Alu Wind',
        'img'  => 'wind.jpg',
        'link' => '/alu-wind/'
    ],
    [
        'name' => 'Alu Drop',
        'img'  => 'drop.jpg',
        'link' => '/alu-drop/'
    ],
    [
        'name' => 'Alu Square',
        'img'  => 'square.jpg',
        'link' => '/alu-square/'
    ],
    [
        'name' => 'Fiber Wind and Drop',
        'img'  => 'fiberwinddrop.jpg',
        'link' => '/fiber-wind-drop/'
    ],
    [
        'name' => 'Promo Wind and Drop',
        'img'  => 'promo.jpg',
        'link' => '/promo-wind-drop/'
    ],
    [
        'name' => 'Flagpole 415',
        'img'  => 'flagpole_415.jpg',
        'link' => '/flagpole-415/'
    ],
    [
        'name' => 'Flagpole 540',
        'img'  => 'flagpole_540.jpg',
        'link' => '/flagpole-540/'
    ],
    [
        'name' => 'Ground-drill',
        'img'  => 'ground_drill.jpg',
        'link' => '/ground-drill/'
    ],
    [
        'name' => 'Ground-Pin',
        'img'  => 'groundpin.jpg',
        'link' => '/ground-pin/'
    ],
    [
        'name' => 'Cross-Base',
        'img'  => 'cross_base.jpg',
        'link' => '/cross-base/'
    ],
    [
        'name' => 'Car-Foot',
        'img'  => 'carfoot.jpg',
        'link' => '/car-foot/'
    ],
    [
        'name' => 'Steelplate 6 kg',
        'img'  => 'steelplate_6.jpg',
        'link' => '/steelplate-6-kg/'
    ],
    [
        'name' => 'Steelplate 12 kg',
        'img'  => 'steelplate_12.jpg',
        'link' => '/steelplate-12-kg/'
    ],
    [
        'name' => 'Steelplate 20 kg',
        'img'  => 'steelplate_20.jpg',
        'link' => '/steelplate-20-kg/'
    ],
    [
        'name' => 'Water Tank',
        'img'  => 'water_tank.jpg',
        'link' => '/water-tank/'
    ],
];
?>

<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/flags/<?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']); ?>/flags<?php echo $product['link']; ?>"><?php echo $product['name']; ?></a><span
                                    class="icon"></span></li>
                    </ul>
                </div>
            </div>
        </li>
        <?php
    }
    ?>
</ul>