3 files changed, 193 insertions, 3 deletions
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 77220f9..13e2c6a 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -7,9 +7,6 @@
         <link rel="stylesheet" href="{{ asset('css/app.css') }}" type="text/css">
 
         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
-        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
 
         <title>Main page</title>
     </head>
@@ -19,5 +16,8 @@
         <div class="container pt-3">
             @yield('content')
         </div>
+        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
     </body>
 </html>
diff --git a/resources/views/pages/login.blade.php b/resources/views/pages/login.blade.php
index b4a9f19..f75fb78 100644
--- a/resources/views/pages/login.blade.php
+++ b/resources/views/pages/login.blade.php
@@ -1,4 +1,18 @@
 @extends('layouts.app')
 
 @section('content')
+<form action="{{ route('login') }}" method="POST">
+  @csrf      
+  <div class="form-group">
+    <label for="email">Email: </label>
+    <input class="form-control" type="email" id="email" name="email">
+  </div>
+  <div class="form-group">
+    <label for="pw">Password: </label>
+    <input class="form-control" type="password" id="pw" name="password">
+  </div>
+  <div class="form-group">
+    <input class="btn btn-primary" type="submit" value="Login">
+  </div>
+</form>
 @endsection()
diff --git a/resources/views/pages/reserve.blade.php b/resources/views/pages/reserve.blade.php
index b4a9f19..777325b 100644
--- a/resources/views/pages/reserve.blade.php
+++ b/resources/views/pages/reserve.blade.php
@@ -1,4 +1,180 @@
 @extends('layouts.app')
 
 @section('content')
+<form action="{{ route('reserve') }}" method="POST">
+
+  <!-- SPECIAL CALL -->
+<div class="form-group">
+  <label for="special-call">Special Callsign:</label>
+  <select class="form-control" id="special-call" name="scall">
+    <option value="YT50SCWC">YT50SCWC</option>
+  </select> 
+</div>
+
+  <!-- START TIME -->
+<div class="form-group">
+  <label for="start-date">Start date:</label>
+  <input class="form-control" type="date" id="start-date" name="sdate">
+</div>
+
+<div class="form-group">
+  <label for="start-time">Start time:</label>
+  <input class="form-control" type="time" id="start-time" name="stime">
+</div>
+
+  <!-- END TIME -->
+<div class="form-group">
+  <label for="end-date">End date:</label>
+  <input class="form-control" type="date" id="end-date" name="edate">
+</div>
+
+<div class="form-group">
+  <label for="end-time">End time:</label>
+  <input class="form-control" type="time" id="end-time" name="etime">
+</div>
+
+  <!-- BANDS -->
+  <fieldset class="form-group">
+    <legend>I will be active on bands:</legend>
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb1" name="freqs[]" value="1.8 MHz">
+    <label class="form-check-label" for="cb1">1.8 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb2" name="freqs[]" value="3.5 MHz">
+    <label class="form-check-label" for="cb2">3.5 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb3" name="freqs[]" value="7 MHz">
+    <label class="form-check-label" for="cb3">7 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb4" name="freqs[]" value="10 MHz">
+    <label class="form-check-label" for="cb4">10 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb5" name="freqs[]" value="14 MHz">
+    <label class="form-check-label" for="cb5">14 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb6" name="freqs[]" value="18 MHz">
+    <label class="form-check-label" for="cb6">18 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb7" name="freqs[]" value="21 MHz">
+    <label class="form-check-label" for="cb7">21 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb8" name="freqs[]" value="24 MHz">
+    <label class="form-check-label" for="cb8">24 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb9" name="freqs[]" value="28 MHz">
+    <label class="form-check-label" for="cb9">28 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb10" name="freqs[]" value="50 MHz">
+    <label class="form-check-label" for="cb10">50 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb11" name="freqs[]" value="144 MHz">
+    <label class="form-check-label" for="cb11">144 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb12" name="freqs[]" value="432 MHz">
+    <label class="form-check-label" for="cb12">432 MHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb13" name="freqs[]" value="1.2 GHz">
+    <label class="form-check-label" for="cb13">1.2 GHz</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="cb14" name="freqs[]" value="2.3 GHz">
+    <label class="form-check-label" for="cb14">2.3 GHz</label>
+</div>
+
+  </fieldset>
+  <!-- MODES -->
+  <fieldset class="form-group">
+    <legend>I will use modes:</legend>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="CW" name="modes[]" value="CW">
+    <label class="form-check-label" for="CW">CW</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="SSB" name="modes[]" value="SSB">
+    <label class="form-check-label" for="SSB">SSB</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="FM" name="modes[]" value="FM">
+    <label class="form-check-label" for="FM">FM</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="RTTY" name="modes[]" value="RTTY">
+    <label class="form-check-label" for="RTTY">RTTY</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="MFSK" name="modes[]" value="MFSK">
+    <label class="form-check-label" for="MFSK">MFSK (JT65, FT8...)</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="IMAGING" name="modes[]" value="IMAGING">
+    <label class="form-check-label" for="IMAGING">IMAGING (ATV, SSTV...)</label>
+</div>
+
+<div class="form-check">
+    <input class="form-check-input" type="checkbox" id="OTHER DIGITAL" name="modes[]" value="OTHER DIGITAL">
+    <label class="form-check-label" for="OTHER DIGITAL">OTHER DIGITAL</label>
+</div>
+
+  </fieldset>
+
+  <!-- OPERATOR CALL -->
+<div class="form-group">
+  <label for="operator-call">Operator Callsign:</label>
+  <input class="form-control" type="text" id="operator-call" name="ocall">
+</div>
+
+  <!-- OPERATOR NAME -->
+<div class="form-group">
+  <label for="operator-name">Operator name:</label>
+  <input class="form-control" type="text" id="operator-name" name="oname">
+</div>
+
+  <!-- OPERATOR EMAIL -->
+<div class="form-group">
+  <label for="operator-email">Operator email:</label>
+  <input class="form-control" type="email" id="operator-email" name="email">
+</div>
+
+  <!-- OPERATOR PHONE -->
+<div class="form-group">
+  <label for="operator-phone">Operator phone:</label>
+  <input class="form-control" type="tel" id="operator-phone" name="phone">
+</div>
+
+  <!-- SUBMIT BUTTON -->
+<div class="form-group">
+  <input class="btn btn-primary" type="submit" value="Submit reservation request">
+</div>
+</form>
 @endsection()