From a4d826487665944a80a4ae60442146431b074b7e Mon Sep 17 00:00:00 2001
From: James <jesse.isler@gmail.com>
Date: Wed, 30 Mar 2022 12:43:55 +0200
Subject: [PATCH] Added more fields

---
 create.php | 122 +++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 99 insertions(+), 23 deletions(-)
diff --git a/create.php b/create.php
index 14e927a..dfe3f56 100644
--- a/create.php
+++ b/create.php
@@ -30,42 +30,122 @@
    </head>
    <body>
 
-<div class="container">
-     <div class="row">
+     <div class="container">
+      <div class="col s12 m5">
+        <div class="card-panel teal">
          <form class="col s12">
            <div class="row">
              <div class="input-field col s3">
                <input id="name" type="text" class="validate">
                <label for="name">Rolename</label>
              </div>
-               <div class="input-field col s3">
-                 <input id="description" type="text" class="validate">
-                 <label for="description">Role Description</label>
-               </div>
-           </div>
-           <div class="row">
-             <div class="input-field col s12">
-               <input disabled value="I am not editable" id="disabled" type="text" class="validate">
-               <label for="disabled">Disabled</label>
+             <div class="input-field col s2">
+               <select>
+                 <option value="" disabled selected>Color</option>
+                 <option value="1">Red</option>
+                 <option value="2">Pink</option>
+                 <option value="3">Purple</option>
+                 <option value="4">Deep-purple</option>
+                 <option value="5">Indigo</option>
+                 <option value="6">Blue</option>
+                 <option value="7">Light-blue</option>
+                 <option value="8">Cyan</option>
+                 <option value="9">Teal</option>
+                 <option value="10">Green</option>
+                 <option value="11">Light-green</option>
+                 <option value="12">Lime</option>
+                 <option value="13">Yellow</option>
+                 <option value="14">Amber</option>
+                 <option value="15">Orange</option>
+                 <option value="16">Deep-orange</option>
+                 <option value="17">Brown</option>
+                 <option value="18">Grey</option>
+                 <option value="19">Blue-grey</option>
+                 <option value="20">Black</option>
+                 <option value="21">White</option>
+                 <option value="22">Transparent</option>
+               </select>
+               <label>Select color</label>
+             </div>
+             <div class="input-field col s1">
+               <select>
+                 <option value="" disabled selected>Modifier</option>
+                 <option value="1">lighten</option>
+                 <option value="2">darken</option>
+                 <option value="3">accent</option>
+               </select>
+               <label>Select Modifier</label>
+             </div>
+             <div class="input-field col s1">
+               <select>
+                 <option value="" disabled selected>Strength</option>
+                 <option value="1">1</option>
+                 <option value="2">2</option>
+                 <option value="3">3</option>
+                 <option value="4">4</option>
+               </select>
+               <label>Select Strength</label>
+             </div>
+             <div class="input-field col s6 offset-s1">
+               <select>
+                 <option value="" disabled selected>Textcolor</option>
+                 <option value="1">Black</option>
+                 <option value="2">White</option>
+               </select>
+               <label>Select Textcolor</label>
              </div>
            </div>
            <div class="row">
              <div class="input-field col s12">
-               <input id="password" type="password" class="validate">
-               <label for="password">Password</label>
+               <textarea id="howtoplay" class="materialize-textarea"></textarea>
+               <label for="howtoplay">Text to describe how to play</label>
              </div>
            </div>
            <div class="row">
              <div class="input-field col s12">
-               <input id="email" type="email" class="validate">
-               <label for="email">Email</label>
+               <select multiple>
+                 <option value="" disabled selected>Choose your option</option>
+
+                 <?php
+                  $files = glob("roles/en/*.php");
+                  $count = 1
+                  foreach ($files as $filename) {
+                      include $filename;
+
+                      $shortname = substr($filename,  9);
+                      $shortname = substr($shortname,  0, -4);
+                      echo "<option value=".$count.">".ucfirst($shortname)."</option>";
+                      $count++
+                    }
+                  ?>
+
+                  </select>
+                  <label>Select compatible Roles</label>
+             </div>
+           </div>
+           <div class="row">
+             <div class="input-field col s12">
+               <textarea id="credits" class="materialize-textarea"></textarea>
+               <label for="credits">Drop your credits here!</label>
+             </div>
+           </div>
+           <div class="row">
+             <div class="input-field col s12">
+               <textarea id="convars" value="Normal Role Convars (also found in ULX):
+               <code></code>
+
+               Rolespecific Convars:
+               <code></code>" class="materialize-textarea"></textarea>
+               <label for="convars">Paste your convars</label>
              </div>
            </div>
          </form>
+         <button class="btn waves-effect waves-light" type="submit" name="action">Submit
+           <i class="material-icons right">send</i>
+         </button>
        </div>
-    </div>
-
-
+     </div>
+     </div>
 
     <footer class="page-footer indigo">
       <div class="container">
@@ -87,14 +167,10 @@
 <!-- Start Tab init -->
     <script>
     $(document).ready(function(){
-//        $('.tabs').tabs();
+      M.updateTextFields();
   });
     </script>
     <!-- End Tab init -->
-
-
-
-
       <!--JavaScript at end of body for optimized loading-->
       <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
