From c765873ded76f7673bba902561e0a1111bc6c100 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jmeno=20P=C5=99=C3=ADjmen=C3=AD?=
 <jmeno.prijmeni@odbornaskola.cz>
Date: Wed, 8 Dec 2021 10:54:32 +0100
Subject: [PATCH] =?UTF-8?q?omezen=C3=AD=20v=C3=BDb=C4=9Bru=20sedadel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 34 ++++++++++++++++++++++++++++------
 1 file changed, 28 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 26137b5..8627e02 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
             <option value="B">Business</option>
         </select>
         <label for="pocet-cestujicich">Počet cestujích</label>
-        <input id="pocet-cestujicich" value="1" type="number" min="1" max="9" step="1">
+        <input name="pocetCestujici" id="pocet-cestujicich" value="1" type="number" min="1" max="9" step="1">
 
         <div class="letadlo">
             <div>B1</div>
@@ -54,14 +54,23 @@
     </form>
 
     <script>
-        let sedadla = document.querySelectorAll(".letadlo > div");
-
-        let volbaTridy = document.querySelector("#volba-tridy");
-        volbaTridy.addEventListener("change", function() {
+        function resetSedadel() {
             for (let index = 0; index < sedadla.length; index++) {
                 const element = sedadla[index];
                 element.classList.remove("sedadlo-vyber");
             }
+        }
+
+        let sedadla = document.querySelectorAll(".letadlo > div");
+
+        let volbaTridy = document.querySelector("#volba-tridy");
+        volbaTridy.addEventListener("change", function() {
+            resetSedadel();
+        });
+
+        let pocetCestujicich = document.querySelector("#pocet-cestujicich");
+        pocetCestujicich.addEventListener("change", function() {
+            resetSedadel();
         });
 
         for (let index = 0; index < sedadla.length; index++) {
@@ -69,7 +78,20 @@
             seat.addEventListener("click", function() {
                 let formdata = new FormData(document.querySelector("form"));
                 if (this.innerText.indexOf(formdata.get("trida")) == 0) {
-                    this.classList.toggle("sedadlo-vyber");
+                    let pocet = document.querySelectorAll(".sedadlo-vyber").length;
+                    if (this.classList.contains("sedadlo-vyber")) {
+                        this.classList.remove("sedadlo-vyber");
+                    }
+                    else {
+                        if (pocet < formdata.get("pocetCestujici")) {
+                            this.classList.add("sedadlo-vyber");
+                        }
+                        else {
+                            alert("Počet sedadel zavisí na počtu cestujících.");
+                        }
+                    }
+                    
+                    // this.classList.toggle("sedadlo-vyber");
                 }
                 
             });