<?php
?>
<!doctype html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Z91 - tablica jednowymiarowa</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
    <h1>Zadanie Z91</h1>
    <h2>Autor: Jakub Grzegorczyk</h2>
</header>
<div class="box">
    <p>Napisz program, który wczytuje n liczb całkowitych do jednowymiarowej tablicy i wyświetla tę tablicę. Wartość n<100 podaje użytkownik. Liczby należy wprowadzić do komponentu textarea oddzielone przecinkami. Program powinien zweryfikować, czy n jest liczbą całkowitą mniejszą od 100, czy podane wartości są liczbami całkowitymi, oraz czy ich liczba zgadza się z n, a następnie wyświetlić tablicę w czytelny sposób.</p>
    <h3>Wskazówki dla ucznia</h3>
    <ul>
        <li>Sprawdź, czy n jest liczbą całkowitą (is_numeric() i is_int() po konwersji) oraz czy jest mniejsze od 100.</li>
        <li>Użyj explode(), aby rozdzielić ciąg z textarea na tablicę liczb na podstawie przecinków.</li>
        <li>Zweryfikuj, czy każda wartość jest liczbą całkowitą za pomocą is_numeric() i sprawdzenia, czy po konwersji na int nie traci wartości dziesiętnej.</li>
        <li>Sprawdź, czy liczba wprowadzonych wartości zgadza się z n.</li>
        <li>Zabezpiecz dane wejściowe za pomocą htmlspecialchars() przy pobieraniu, aby chronić przed XSS.</li>
    </ul>
</div>
<div class="box">
    <form action="index.php" method="post">
        <fieldset>
            <legend>Liczba elementów</legend>
            <label for="n">N:</label>
            <input type="number" name="n" id="n" max="100" min="0">
        </fieldset>
        <fieldset>
            <legend>Wartości tablicy (liczby całkowite oddzielone przecinkami):</legend>
            <label for="values"></label>
            <textarea name="values" id="values" cols="30" rows="10" placeholder="np. 1, 2, 3, 4"></textarea></fieldset>
        <button type="submit">Wyślij</button>
    </form>
</div>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $nInput = htmlspecialchars($_POST['n']);
    $valuesInput = htmlspecialchars($_POST['values']);

    $isValidDimensions = is_numeric($nInput) && (int)$nInput == $nInput && (int)$nInput > 0 && (int)$nInput <= 100;

    $n = (int)$nInput;
    $values = array_map('trim', explode(',', $valuesInput));
    $count = count($values);
    $isCountValid = $count === $n;
    $areAllValuesValid = true;

    echo '<div class="box">';
    for ($i = 0; $i < $count; $i++) {
        if (!is_numeric($values[$i])) {
            $areAllValuesValid = false;
        } else {
            $values[$i] = (float)$values[$i];
        }
    }
    if ($isValidDimensions && $isCountValid && $areAllValuesValid) {
        echo "Wymiar tablicy: n = $n<br>";
        echo "Wprowadzone liczby: ";
        echo implode(', ', $values);
        echo "<br>Tablica:";
        echo '<table>';
        for ($i = 0; $i < $count; $i++) {
            echo '<td>' . $values[$i] . '</td>';
        }
        echo '</table>';
    } else {
        echo 'Dane wejściowe nie są poprawne! Sprawdź wymiar, liczbę wartości lub czy wszystkie są liczbami.';
    }
    echo '</div>';
}
?>
</body>
</html>
