<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Obuwie</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header><h1>Obuwie męskie</h1></header>
    <main>
        <form action="index.php" method="post">
            <label for="Model" class="kontrolki">Model:</label>
            <select name="Model" class="kontrolki">
                <?php //Skrypt 1
                $lista = ["bót 1", "bót 2", "bót 3", "bót 4", "bót 5"];
                foreach ($lista as $i) {
                    echo '<option value="' . $i . '">' . $i . '</option>';
                }
                ?>
            </select>
            <label for="Rozmiar" class="kontrolki">Rozmiar:</label>
            <select name="Rozmiar" class="kontrolki">
                <option value="40">40</option>
                <option value="41">41</option>
                <option value="42">42</option>
                <option value="43">43</option>
            </select>
            <label for="LPar" class="kontrolki">Liczba par: </label><input type="number" name="LPar">
            <button type="submit" class="kontrolki">Zamów</button>
        </form>
        
        <?php
            $produkty = [
                [
                    "plik" => "but1.png",
                    "nazwa" => "But sportowy męski",
                    "model" => "SP-101",
                    "cena" => "199.99"
                ],
                [
                    "plik" => "but2.png",
                    "nazwa" => "But trekkingowy",
                    "model" => "TRK-450",
                    "cena" => "289.50"
                ],
                [
                    "plik" => "but3.png",
                    "nazwa" => "But elegancki",
                    "model" => "EL-900",
                    "cena" => "350.00"
                ],
                [
                    "plik" => "but4.png",
                    "nazwa" => "But codzienny",
                    "model" => "CD-220",
                    "cena" => "149.90"
                ]
            ];  
            foreach ($produkty as $p) {
                echo '<div class="buty"><a href="./zamow.php">';
                    echo '<div style="display: flex;">';
                    echo '<img src="' . $p["plik"] . '" alt="but męski">';
                    echo '<div>';
                    echo '<h2>' . $p["nazwa"] . '</h2>';
                    echo '<h5>Model: ' . $p["model"] . '</h5>';
                    echo '</div>';
                    echo '</div>';
                    echo '<h4>Cena: ' . $p["cena"] . ' zł</h4>';
                echo '</a></div>';
            }
        ?>
    </main>
    <footer><p>Autor strony: <a href="doc.pdf">XYZ</a></p></footer>
</body>
</html>