From e3863708c4b1be195a83cff0af835f1a11522a36 Mon Sep 17 00:00:00 2001
From: Joey Yakimowich-Payne <jyapayne@gmail.com>
Date: Sun, 18 Sep 2022 16:04:44 -0600
Subject: [PATCH] Add play and resume functionality

---
 html/index.html | 51 +++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/html/index.html b/html/index.html
index fffc020..2e65380 100644
--- a/html/index.html
+++ b/html/index.html
@@ -23,7 +23,7 @@
                         </div>
                         <div class="field">
                             <div class="control">
-                                <button id="play-btn" class="button is-link">Play Game!</button>
+                                <button id="play-btn" class="button is-link" onclick="playGame()">Play Game!</button>
                             </div>
                         </div>
                     </div>
@@ -55,7 +55,7 @@
                         </div>
                         <div class="field">
                             <div class="control">
-                                <button id="resume-btn" class="button is-link">Resume Game!</button>
+                                <button id="resume-btn" class="button is-link" onclick="resumeGame()">Resume Game!</button>
                             </div>
                         </div>
                     </div>
@@ -64,6 +64,53 @@
         </section>
 
         <script type="text/javascript">
+            function playGame() {
+                let p1Name = document.getElementById("player1-name").value;
+                let p2Name = document.getElementById("player2-name").value;
+                let data = {}
+                if (typeof p1Name === 'string' && p1Name.trim().length === 0){
+                    alert("Player 1 name must be filled!");
+                    return;
+                }
+
+                if (typeof p2Name === 'string' && p2Name.trim().length === 0){
+                    data = {
+                        player1_name: p1Name
+                    };
+                }
+                else {
+                    data = {
+                        player1_name: p1Name,
+                        player2_name: p2Name
+                    };
+                }
+
+                fetch("{{url_for('start_game')}}", {
+                  method: 'POST', // or 'PUT'
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                  body: JSON.stringify(data),
+                })
+                .then((response) => response.json())
+                .then(data => {
+                    window.location.href = data.game_url;
+                })
+                .catch(function(err) {
+                    console.info(err + " url: " + url);
+                });
+
+            }
+            function resumeGame() {
+                let gameCode = document.getElementById("game-code").value;
+                if (typeof gameCode === 'string' && gameCode.trim().length === 0){
+                    // handle error
+                    alert("Game code must be filled!");
+                    return;
+                }
+                console.log(gameCode);
+                window.location.href = "{{url_for('game')}}" + "?game_code="+ gameCode;
+            }
         </script>
     </body>
 </html>