<aside> 💡

Als je klaar bent laat je de challenge aftekenen bij de docent

</aside>

Neem onderstaande code, bestaande uit een multi-dimensionale array, over in een PHP file. Voeg zelf PHP-code toe zodat er dynamisch 3 lijstjes in beeld komen.

1. Toon een lijst met alle producten, en dan voor elk product:

   1. de productnaam
   2. de prijs (als er een sale is, dan de sale-prijs getoond worden)
   3. de foto’s

2. Toon een lijst met navigatie-items en dan voor elke navigatie-item

   1. de titel
   2. de link, in een <a>-tag om de titel, dus bijvoorbeeld <a href=”/contact”>Contact</a>

3. Toon een lijst met;

   1. alleen alle categorieën

REGELS:

• Bij deze challenge moet je gebruik maken van foreach-loops.
• Per lijst moet er een foreach gebruikt worden.
• Je mag meerdere foreach loops gebruiken per lijst.
• Je mag nieuwe arrays definiëren en gebruiken. Die nieuwe arrays moeten wel dynamisch (dus door een foreach-loop) gegenereerd worden.

De begin-code voor de opdracht:

<?php

$array = [
    "products" => [
        [
            "id" => "dbb233b9-2c53-49a5-90a4-d6ca9c762225",
            "title" => "Product 1",
            "category" => "Category 1",
            "price" => 10.00,
						"sale" => false,
            "photos" => [
                "photo1" => "image1.jpg",
                "photo2" => "image2.jpg",
                "photo3" => "image3.jpg"
            ]
        ],
        [
            "id" => "b5b1238a-17ee-4b0c-9e8b-0b72de2db0f6",
            "title" => "Product 2",
            "category" => "Category 1",
            "price" => 20.00,
						"sale" => 14.99,
            "photos" => [
                "photo1" => "image1.jpg",
                "photo2" => "image2.jpg",
                "photo3" => "image3.jpg"
            ]
        ],
	    [
            "id" => "b93844cd-ee68-4bde-89a1-5264de5052c0",
            "title" => "Product 3",
            "category" => "Category 2",
            "price" => 30.00,
						"sale" => 18.99,
            "photos" => [
                "photo1" => "image1.jpg",
                "photo2" => "image2.jpg",
                "photo3" => "image3.jpg"
            ]
        ]
    ],
	   "navigation" => [
        [
            "title" => "Home",
            "url" => "/"
        ],
        [
            "title" => "Producten",
            "url" => "/producten"
        ],
        [
            "title" => "Contact",
            "url" => "/contact"
        ]
    ]
];