From 37caf989a5211cee427e637af0e032e742f66c3e Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Thu, 10 Oct 2024 00:06:36 +0200
Subject: [PATCH] =?UTF-8?q?nov=C3=A1=20registrace?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 alkator/settings.py           |  2 +-
 frontend/src/scripts/index.js | 44 +++++++++++++++++++++++++++++++----
 2 files changed, 41 insertions(+), 5 deletions(-)

diff --git a/alkator/settings.py b/alkator/settings.py
index 65d602f..4a022bf 100644
--- a/alkator/settings.py
+++ b/alkator/settings.py
@@ -85,7 +85,7 @@ DATABASES = {
 
 
 COMGATE_MERCHANT = 485044
-COMGATE_TEST = False
+COMGATE_TEST = True
 COMGATE_SECRET = '4c36b7faf40575073b26570066ca2a9f'
 
 
diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index 1cedc5c..aca9136 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -117,7 +117,6 @@ class Main extends Component {
         </button>
     }
     render(){
-        console.log(this.state.login_status);
         let photos_gallery = [];
         let photos_carousel = [];
         if(this.state.gallery_open !== undefined){
@@ -169,9 +168,14 @@ class Main extends Component {
                     </li>
                 }
                 {Object.keys(this.state.login_status).length > 0 &&
-                    <li>
-                        Přihlášen {this.state.login_status.first_name} {this.state.login_status.last_name} <a href="/api/logout">Odhlásit</a>
-                    </li>
+                    <div>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#register_racer">Registrovat závodníka</a>
+                        </li>
+                        <li class="nav-item">
+                            Přihlášen {this.state.login_status.first_name} {this.state.login_status.last_name} <a class="nav-link" href="/api/logout">Odhlásit</a>
+                        </li>
+                    </div>
                 }
             </ul>
         </div>
@@ -184,6 +188,38 @@ class Main extends Component {
         <div class="absolute container-fluid alert alert-danger" onClick={(e) => {this.setState({status: "", status_text:""})}}>
             {this.state.status_text}
         </div>}
+    {this.state.page == "#register_racer" &&
+    <div>
+        <form id="form" class="container" action="/api/register" onSubmit={(e) => this.onSubmit(e)}>
+            <h1>Registrace Závodníka</h1>
+            <div class="mb-3">
+                <label for="first_name" class="form-label">Jméno</label>
+                <input type="text" class="form-control" id="first_name" name="first_name" />
+            </div>
+            <div class="mb-3">
+                <label for="last_name" class="form-label">Přijmení</label>
+                <input type="text" class="form-control" id="last_name" name="last_name" />
+            </div>
+            <div class="mb-3">
+                <label for="email" class="form-label">Emailová adresa (volitelné)</label>
+                <input type="email" class="form-control" id="email" name="email" />
+            </div>
+            <div class="mb-3">
+                <label for="date_of_birth" class="form-label">Datum narození</label>
+                <input type="date" class="form-control" id="date_of_birth" name="date_of_birth" max={new Date().toJSON().slice(0, 10)} />
+            </div>
+            <div class="mb-3">
+                <label for="phone" class="form-label">Telefonní číslo (volitelné)</label>
+                <input type="text" class="form-control" id="phone" name="phone" />
+            </div>
+            <div class="mb-3 form-check">
+                <input type="checkbox" class="form-check-input" id="agreement" name="agreement" />
+                <label class="form-check-label" for="agreement">Souhlas se <a href="/public/ochrana_osobnich_udaju.pdf">zpracováním osobních údajů</a>, <a href="/public/reverz.pdf">podmínkami závodu</a> a <a href="/public/obchodni_podminky_alkator.pdf">obchodníma podmínkami závodu</a>.</label>
+            </div>
+            <button type="submit" class="btn btn-primary">Registrovat a zaplatit</button>
+        </form>
+    </div>
+    }
     {this.state.page == "#login" &&
     <div>
         <form id="form" action="/api/login" class="container" onSubmit={(e) => this.onSubmit(e)}>