1 files changed, 120 insertions, 0 deletions
diff --git a/html/app/views/user/registration.php b/html/app/views/user/registration.php
new file mode 100644
index 0000000..e3527f0
--- /dev/null
+++ b/html/app/views/user/registration.php
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title><?=SITE_TITLE?> - Εγγραφή</title>
+
+    <?php   // header includes
+        ////////////////////////////////////////////////////////////////////////
+        Render::view('components/header_includes');
+    ?>
+
+    <style>
+      html,body{
+        padding:0; margin:0;
+        font-size:1.25em;
+        color: #037; background: #eee;
+        line-height:1.2em; 
+      }
+      h3 {
+        font-size: 2em; font-style: normal;
+        font-weight: 400;
+        color: #05a;
+        margin: 0; padding: 5px;
+        opacity: 0.27;
+        border-bottom: 1px solid #05a;
+      }
+      .container { display: flex; height: 100vh; align-items:center; }
+      .content { position: relative;
+          max-width:480px; width: 100%;
+          margin: auto auto; padding: .5em;
+          justify-center: center;
+          font-size: .9em;
+      }
+      .content-form {
+          padding: 1.5em;
+          background: #ddd;
+          border-radius: 8px;
+          box-shadow: 1px 5px 7px #7777;
+      }
+      .content .info { padding: 1.5em; font-size: .92em; }
+      .content .info p { padding: .5em; }
+      .form-label { margin-bottom: .25rem; }
+    </style>
+</head>
+<body class="classroom">
+  <div class='container'>
+    <div class="content">
+      <div class="info">
+        <h4>Classroom: Εγγραφή</h4>
+      </div>
+      <div class='content-form'>
+          <form method="post">
+              <div>
+              <div class="mb-3">
+                  <label for="name" class="form-label">Όνομα</label>
+                  <input type="text" class="form-control form-control-sm" name="name" required>
+              </div>
+              <div class="mb-3">
+                  <label for="surname" class="form-label">Επίθετο</label>
+                  <input type="text" class="form-control form-control-sm" name="surname" required>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputEmail1" class="form-label">Email</label>
+                  <input type="email" class="form-control form-control-sm" name="email" aria-describedby="emailHelp" rerquired>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputPassword1" class="form-label">Κωδικός Πρόσβασης</label>
+                  <input type="password" class="form-control form-control-sm" name="password" required>
+              </div>
+              <div class="mb-3">
+                  <label for="exampleInputPassword2" class="form-label">Επιβεβαίωση Κωδικού Πρόσβασης</label>
+                  <input type="password" class="form-control form-control-sm" name="password2" required>
+              </div>
+              <br />
+              <button type="submit" class="btn btn-primary btn-sm col-12">Εγγραφή</button>
+              </div>
+          </form>
+      </div>
+      <div class="info">
+        <p>Αν έχετε ήδη λογαρισμό <a href="/login">συνδεθείτε</a>.</p>
+        <p>Σε κάθε περίπτωση μπορείτε να επιστρέψετε στην <a href="/">αρχική σελίδα</a>.</p>
+      </div>
+    </div>
+  </div>
+</body>
+
+<script>
+    // When form is submited
+    // -------------------------------------------------------------------------
+
+    $('.content-form form').submit( event => {
+        event.preventDefault();
+
+        if ($('input[name=password]').val() != $('input[name=password2]').val()) {
+          alert('Τα δυο passrods δεν ταιριάζουν!');
+
+        } else {
+
+            // prepare data to POST
+            var data = {
+                name: $('input[name=name]').val(),
+                surname: $('input[name=surname]').val(),
+                email: $('input[name=email]').val(),
+                password: $('input[name=password]').val()
+            };
+
+            // select action url (add or update)
+            var request = '/account/register';
+
+            // send POST request
+            $.post(request, data)
+            .done(function( data ) {
+                console.log(data);
+            });
+        }  
+
+    });
+</script>
+
+</html>