<?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>Z100 - suma nad przekątną</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
    <h1>Zadanie Z100</h1>
    <h2>Autor: Jakub Grzegorczyk</h2>
</header>
<div class="box">
    <p>Napisz program, który wypełnia liczbami tablicę o wymiarach n x n i oblicza sumę elementów nad główną przekątną. Główną przekątną kwadratowej tablicy rozumiemy jako łączącą lewy górny róg tablicy z prawym dolnym (czyli elementy [0][0], [1][1], ..., [n-1][n-1]). Użytkownik podaje n oraz wprowadza liczby do komponentu textarea oddzielone przecinkami. Program powinien zweryfikować, czy n jest liczbą całkowitą, czy podane wartości są liczbami, czy ich liczba zgadza się z n x n, a następnie wyświetlić tablicę i sumę elementów nad główną przekątną.</p>
    <h3>Wskazówki dla ucznia:</h3>
    <ul>
        <li>Sprawdź, czy n i m są liczbami całkowitymi (is_numeric() i is_int() po konwersji).</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>Przekształć jednowymiarową tablicę na dwuwymiarową, rozdzielając ją na wiersze po m elementów.</li>
        <li>Oblicz sumę elementów nad główną przekątną, czyli tych, gdzie indeks kolumny j jest większy niż indeks wiersza i (j > i).</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>Wymiar tablicy</legend>
            <label for="n">N:</label>
            <input type="number" name="n" id="n" max="100" min="0" required>
        </fieldset>
        <fieldset>
            <legend>Wartości tablicy (liczby 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;

    $n = (int)$nInput;

    $values = array_map('trim', explode(',', $valuesInput));
    $count = count($values);
    $isCountValid = $count === $n*$n;

    $areAllValuesValid = true;
    foreach ($values as $value) {
        if (!is_numeric($value)) { $areAllValuesValid = false; }
        else { $value = (int)$value;}
    }
    echo '<div class="box">';
    if ($areAllValuesValid && $isValidDimensions && $isCountValid) {
        $values2d = array_chunk($values, $n);
        $diagonalSum = 0;
        for ($i = 0; $i < $n; $i++) {
            $diagonalSum += $values2d[$i][$i];
        }
        echo "Wymiar tablicy: n = $n<br>";
        echo "Wprowadzone liczby: ";
        echo implode(', ', $values);
        echo "<br>Tablica $n x $n:";
        echo '<table>';
        for ($i = 0; $i < $n; $i++) {
            echo '<tr>';
            for ($j = 0; $j < $n; $j++) {
                echo '<td>' . $values2d[$i][$j] . '</td>';
            }
            echo '</tr>';
        }
        echo '</table>';
        echo "Suma elementów nad główną przekątną: $diagonalSum";
        echo '</div>';
    } else {
        echo 'Dane wejściowe nie są poprawne! Sprawdź wymiary, liczbę wartości lub czy wszystkie są liczbami.';
    }
    echo '</div>';
}
?>
</body>
</html>
