From 0b937d63fa0a6fd130ed4a2ca18eef1015ff9872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Wed, 6 Jul 2022 12:34:00 +0200
Subject: [PATCH] .

---
 content/pages/buchen.blade.php | 112 +++++++++++++++++++++++++--------
 1 file changed, 87 insertions(+), 25 deletions(-)

diff --git a/content/pages/buchen.blade.php b/content/pages/buchen.blade.php
index 48a71aa..1113f19 100644
--- a/content/pages/buchen.blade.php
+++ b/content/pages/buchen.blade.php
@@ -55,15 +55,36 @@
                 </p>
 
 
-                <h3>Preise</h3>
+                <h5>Preise</h5>
 
-                <div class="text-muted">
-                    <p>Erwachsene mit Alpaka - 20 €
-                        <br>
-                    Kind (10-13 Jahre) mit Alpaka - 15 €
-                        <br>
-                    Jede Person ohne Alpaka - 5€</p>
-                </div>
+
+                            <table class="table">
+  <thead>
+    <tr>
+      <th scope="col">Beschreibung</th>
+      <th scope="col">Kosten</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Erwachsene mit Alpaka</td>
+      <td>20 €</td>
+
+    </tr>
+    <tr>
+      <td>Kinder mit Alpaka</td>
+      <td>15 €</td>
+
+    </tr>
+    <tr>
+      <td>Jede Person ohne Alpaka</td>
+      <td>5 €</td>
+
+    </tr>
+
+   
+  </tbody>
+</table>
 
 
 
@@ -73,33 +94,28 @@
                 <div class="card shadow-lg" style="background-color: #ebe5d84d">
                     <div class="card-body">
                         <form>
-                            <h5>Alpaka Tour Anfragen</h5>
+                            <h4 class="text-center">Alpaka Tour Anfragen</h5>
                             <br>
 
                             <div class="mb-4">
                                 <label for="exampleInputEmail1" class="form-label">Vor und Nachname</label>
-                                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Meyer">
+                                <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Meyer" name="name">
                             </div>
 
                             <div class="mb-4">
                                 <label for="exampleInputEmail1" class="form-label">Telefonnummer</label>
-                                <input type="tel" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="09654 5529550">
+                                <input type="tel" class="form-control" id="exampleInputEmail1" name="tel" aria-describedby="emailHelp" placeholder="09654 5529550">
                             </div>
 
                             <div class="mb-4">
                                 <label for="exampleInputEmail1" class="form-label">E-Mail Adresse</label>
-                                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="vor.nachname@areya.de" >
+                                <input type="email" class="form-control" name="email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="vor.nachname@areya.de" >
                             </div>
 
 
-                            <br>
-                            <hr>
-
-                            <br>
-                            <h5>Alpakatour</h5>
-                            <br>
+                            
                             <div class="mb-5">
-                                <label for="exampleInputEmail1" class="form-label">Datum</label>
+                                <label for="exampleInputEmail1" class="form-label">Wunschdatum Alpakatour</label>
                                 <input type="date" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" min="2021-07-17">
                             </div>
 
@@ -159,15 +175,61 @@
                                 </select>
                             </div>
                             <br>
-                            <br>
+
+                            <div style="margin-left: 20px;">
+
+                            <h5>Kosten</h5>
 
 
-                            <div class="text-end">
-                                <a class="btn btn-ci btn-lg text-end">
-                                    <svg style="fill: white; width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M424 336h-96c-22.1 0-40-17.9-40-40s17.9-40 40-40h88s96-107 96-160-43-96-96-96-96 43-96 96c0 29.8 30.3 76.7 56.9 112H328c-48.5 0-88 39.5-88 88s39.5 88 88 88h96c22.1 0 40 17.9 40 40s-17.9 40-40 40H135.1c26.6-35.3 56.9-82.2 56.9-112 0-53-43-96-96-96S0 299 0 352s96 160 96 160h328c48.5 0 88-39.5 88-88s-39.5-88-88-88zM368 96c0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4-27.2-36.2-47.5-70.9-48-84.3zM96 436.3c-27.2-36.2-47.5-70.9-48-84.3 0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4zM96 336c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM432 96c0-8.8-7.2-16-16-16s-16 7.2-16 16 7.2 16 16 16 16-7.2 16-16z"/></svg>
-                                    Alpaka Tour anfragen
-                                </a>
+                            <table class="table">
+  <thead>
+    <tr>
+      <th scope="col">Anzahl</th>
+      <th scope="col">Beschreibung</th>
+      <th scope="col">Kosten</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1X</td>
+      <td>Kinder</td>
+      <td>3456€</td>
+
+    </tr>
+    <tr>
+      <td>2X</td>
+      <td>Erwachsene</td>
+      <td>345€</td>
+
+    </tr>
+    <tr>
+      <td>4X</td>
+      <td>Erwachsene</td>
+      <td>28€</td>
+
+    </tr>
+
+    <tr class="fw-bolder">
+      <td>Gesammt:</td>
+      <td></td>
+      <td>28€</td>
+
+
+    </tr>
+  </tbody>
+</table>
+
+<p class="fw-light fst-italic" style="font-size:13px;">Geld wird nach Bestätigung per Überweisung oder Bar vor der Tour bezahlt.</p>
+
+    
                             </div>
+                            
+
+
+                            <a class="btn btn-ci btn-lg d-block mt-5">
+                                <svg style="fill: white; width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M424 336h-96c-22.1 0-40-17.9-40-40s17.9-40 40-40h88s96-107 96-160-43-96-96-96-96 43-96 96c0 29.8 30.3 76.7 56.9 112H328c-48.5 0-88 39.5-88 88s39.5 88 88 88h96c22.1 0 40 17.9 40 40s-17.9 40-40 40H135.1c26.6-35.3 56.9-82.2 56.9-112 0-53-43-96-96-96S0 299 0 352s96 160 96 160h328c48.5 0 88-39.5 88-88s-39.5-88-88-88zM368 96c0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4-27.2-36.2-47.5-70.9-48-84.3zM96 436.3c-27.2-36.2-47.5-70.9-48-84.3 0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4zM96 336c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM432 96c0-8.8-7.2-16-16-16s-16 7.2-16 16 7.2 16 16 16 16-7.2 16-16z"/></svg>
+                                Alpaka Tour anfragen
+                            </a>
                         </form>