From 0fdb03a533d887bb4bcb73481c4289796e2f4230 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Wed, 31 Aug 2022 11:31:50 +0200
Subject: [PATCH] added rechner and example buttons

---
 .idea/workspace.xml                           |   5 +-
 content/includes/footer.blade.php             |   4 +-
 content/pages/impressum.blade.php             |  73 ++++++-
 .../steckersolar-ertragsrechner.blade.php     | 203 +++++++-----------
 4 files changed, 155 insertions(+), 130 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 45cd70a..64cf17a 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,7 +3,9 @@
   <component name="ChangeListManager">
     <list default="true" id="63513c45-0a61-435e-8541-3831c195f7c0" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/content/contents/balkonkraftwerk.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/contents/balkonkraftwerk.blade.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/includes/footer.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/includes/footer.blade.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/pages/impressum.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/pages/impressum.blade.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/content/pages/steckersolar-ertragsrechner.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/content/pages/steckersolar-ertragsrechner.blade.php" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -55,6 +57,7 @@
       <option name="presentableId" value="Default" />
       <updated>1661770675373</updated>
       <workItem from="1661770681303" duration="17592000" />
+      <workItem from="1661893105257" duration="2349000" />
     </task>
     <servers />
   </component>
diff --git a/content/includes/footer.blade.php b/content/includes/footer.blade.php
index afb1ed6..7fc3ffb 100644
--- a/content/includes/footer.blade.php
+++ b/content/includes/footer.blade.php
@@ -12,7 +12,7 @@
 
                 <div class="col-12 col-md-3">
                     <h4 class="mb-2 fw-bold mt-5">Service</h4>
-                    <a class="fs-5 mb-3 text-decoration-none" href="{{url('/steckersolar-ertragsrechner')}}">Etragsrechner</a>
+                    <a class="fs-5 mb-3 text-decoration-none" href="{{url('/steckersolar-ertragsrechner')}}">Ertragsrechner</a>
                     <br>
                     <a class="fs-5 mb-3 text-decoration-none" href="{{url('/ertragsrechner')}}">Anmeldung Steckersolar</a>
                     <br>
@@ -62,7 +62,7 @@
                 <div class="col-12 col-sm-6 text-md-end text-center mt-3">
                     <a href="https://www.areya.de/agb">AGB</a> |
                     <a href="https://www.areya.de/datenschutz">Datenschutz</a> |
-                    <a href="https://www.areya.de/impressum">Impressum</a>
+                    <a href="{{url('/impressum')}}">Impressum</a>
                 </div>
             </div>
         </div>
diff --git a/content/pages/impressum.blade.php b/content/pages/impressum.blade.php
index 526fcdf..f04b173 100644
--- a/content/pages/impressum.blade.php
+++ b/content/pages/impressum.blade.php
@@ -1 +1,72 @@
-Impressum
\ No newline at end of file
+@layout('content.master')
+@section('content')
+    <div class="container">
+        <section>
+            <div class="row">
+                <div class="col">
+                    <h1>Impressum</h1>
+                    <br>
+                    <br>
+
+                </div>
+
+                <div class="row">
+                    <div class="col-lg-12">
+                        <h4>Areya Webservices GmbH</h4>
+                        <br/>
+
+
+                        Neuenhammerstraße 44
+                        <br/>
+                        92714 Pleystein
+                        <br/>
+                        <br/>
+                        Geschäftsführer: Benjamin Völkl
+                        <br>
+                        <br>
+
+
+                        Tel.: +49 9654 5529550
+                        <br/>
+
+                        Fax: +49 9654 55295509<br/>
+                        <br/>
+
+                        E-Mail: <a class="orangelink" href="mailto:info@areya.de">info@areya.de</a>
+                        <br/>
+                        Web: <a class="orangelink" href="https://www.areya.de">www.areya.de</a>
+                        <br/>
+                        <br/>
+
+                        USt.-IdNr.: DE320603182
+                        <br/>
+                        HRB 5144 (eingetragen im Handelsregister des Amtsgerichts Weiden)
+
+                        <br/>
+                        <br/>
+                        Dieses Impressum gilt auch für unsere Profile in Foren und den sozialen Medien, insbesondere für
+                        folgende
+                        Profile:
+                        <br>
+                        <br>
+                        <ul>
+                            <li class="li6">Facebook: <a class="orangelink" href="https://www.facebook.com/AreyaServices">
+                                    https://www.facebook.com/AreyaServices <i class="fal fa-external-link"></i></a></li>
+                            <li class="li6">Twitter: <a class="orangelink" href="https://www.twitter.com/Areya_DE">
+                                    https://www.twitter.com/Areya_DE <i class="fal fa-external-link"></i></a></li>
+                        </ul>
+                        <br/>
+
+                        <br/>
+                        Die Europäische Kommission bietet die Möglichkeit, eine Plattform zur Online-Streitbeilegung zu
+                        nutzen.
+                        <br>Die Webseite zur Online-Streitbeilegung ist unter <a class="orangelink"
+                                                                                 href="http://ec.europa.eu/consumers/odr">http://ec.europa.eu/consumers/odr
+                            <i class="fal fa-external-link"></i></a>
+                        <br>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+@stop
diff --git a/content/pages/steckersolar-ertragsrechner.blade.php b/content/pages/steckersolar-ertragsrechner.blade.php
index 8d2845e..8322164 100644
--- a/content/pages/steckersolar-ertragsrechner.blade.php
+++ b/content/pages/steckersolar-ertragsrechner.blade.php
@@ -2,168 +2,119 @@
 @section('content')
     <div class="container">
         <section>
+            <div class="row">
+                <div class="col-12">
+
+
+
+                    <h1 class="mb-5">Solar Etragsrechner</h1>
+                    <p class="fs-5">
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aperiam asperiores
+                        consectetur dicta eaque et eveniet ex illo ipsa iste maiores maxime, modi optio perferendis,
+                        quaerat quisquam, sapiente vitae voluptas!
+                    </p>
+                    <br>
+                    <br>
+                </div>
 
                 <div class="row">
-                    <div class="col-12">
-                        <h1 class="mb-5">Angebot anfragen</h1>
-                    </div>
-                    <div class="col-12 col-md-8">
-
-
-                        <div class="card mt-1 mb-5" style="background-color: #f7fcf7;">
-                            <div class="card-header">
-                                <h5> <svg style="width: 22px; margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm128 421.6c-35.9 26.5-80.1 42.4-128 42.4s-92.1-15.9-128-42.4V416c0-35.3 28.7-64 64-64 11.1 0 27.5 11.4 64 11.4 36.6 0 52.8-11.4 64-11.4 35.3 0 64 28.7 64 64v13.6zm30.6-27.5c-6.8-46.4-46.3-82.1-94.6-82.1-20.5 0-30.4 11.4-64 11.4S204.6 320 184 320c-48.3 0-87.8 35.7-94.6 82.1C53.9 363.6 32 312.4 32 256c0-119.1 96.9-216 216-216s216 96.9 216 216c0 56.4-21.9 107.6-57.4 146.1zM248 120c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88zm0 144c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-25.1 56-56 56z"/></svg>
-                                    Persönliche Daten</h5>
+                    <div class="col-12 col-lg-7">
+                        <div class="card shadow-lg">
+                            <div class="card-header" style="background-color: #546c8a; color: white;">
+                                <h5>Ihre Angaben zu Ihrer Anlage</h5>
                             </div>
                             <div class="card-body">
+                                <form>
+                                    <h5 class="mt-3 mb-3">Angaben zu Ihrer Anlage</h5>
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Standort</label>
+                                        <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="92714 Pleystein">
+                                        <div id="emailHelp" class="form-text">Geben Sie die Adresse Ihrer Solaranlage an</div>
+                                    </div>
 
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Installierte Leistung</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="600 Watt">
+                                    </div>
 
-                                <x-form id-name="anfrage" channels="bestaetigung,airtable">
                                     <div class="mb-3">
-                                        <label for="" class="form-label">Anrede</label>
-                                        <select class="form-select" name="anrede" aria-label="Default select example">
-                                            <option selected>Herr</option>
-                                            <option>Frau</option>
-                                            <option>Firma</option>
-                                        </select>
+                                        <label for="exampleInputEmail1" class="form-label">Azimut</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="90°">
                                     </div>
-                                    <div class="mb-3">
-                                        <label for="" class="form-label">Vorname</label>
-                                        <input type="text" class="form-control" name="vorname" aria-describedby="" placeholder="Maximilian">
-                                    </div>
-                                    <div class="mb-3">
-                                        <label for="" class="form-label">Nachname</label>
-                                        <input type="text" class="form-control" name="nachname" aria-describedby="" placeholder="Meyer">
-                                    </div>
-                                    <div class="mb-3">
-                                        <label for="exampleInputEmail1" class="form-label">E-Mail</label>
-                                        <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="max.mustermann@areya.de">
-                                    </div>
-                                    <div class="mb-3">
-                                        <label for="exampleInputEmail1" class="form-label">Telefon</label>
-                                        <input type="text" class="form-control" name="telefon" aria-describedby="emailHelp" placeholder="0941467233">
-                                    </div>
-                                    <div class="mb-3">
-                                        <label for="exampleInputPassword1" class="form-label">Adresse</label>
-                                        <input type="text" class="form-control" name="adresse" placeholder="Neuenhammerstr. 44, 92714 Pleystein" id="exampleInputPassword1">
-                                    </div>
-                                    <div class="mb-3 form-check mb-4">
-                                        <input type="checkbox" class="form-check-input" id="exampleCheck1" required>
-                                        <label class="form-check-label" for="exampleCheck1">Ich habe die Datenschutzbestimmungen gelesen und akzeptiert.</label>
-                                    </div>
-                                    <div class="d-block">
-                                        <button type="submit" class="btn btn-success d-block mx-auto">
-                                            Angebot anfragen
-                                        </button>
 
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Installierte Leistung</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="600 Watt">
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Strompreis</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="0,30" step="0.01" min="0">
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Investition Solaranlage</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="5000" step="1" min="0">
+                                    </div>
+
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Stromverbrauch im Jahr</label>
+                                        <input type="number" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="2500" step="1" min="0">
                                     </div>
-                                </x-form>
 
 
 
+                                </form>
                             </div>
                         </div>
-
-
-
-
-
                     </div>
-                    <div class="col-12 col-md-4">
-                        <div class="card" style="background-color: #f7fcf7;">
-                            <div class="card-header">
-                                <h5><svg style="width: 25px; margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564 192h-76.875L347.893 37.297c-5.91-6.568-16.027-7.101-22.596-1.189s-7.101 16.028-1.189 22.596L444.075 192h-312.15L251.893 58.703c5.912-6.567 5.379-16.685-1.189-22.596-6.569-5.912-16.686-5.38-22.596 1.189L88.875 192H12c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h16.444L58.25 438.603C61.546 462.334 81.836 480 105.794 480h364.412c23.958 0 44.248-17.666 47.544-41.397L547.556 224H564c6.627 0 12-5.373 12-12v-8c0-6.627-5.373-12-12-12zm-77.946 242.201c-1.093 7.867-7.906 13.799-15.848 13.799H105.794c-7.942 0-14.755-5.932-15.848-13.799L60.752 224h454.497l-29.195 210.201zM304 280v112c0 8.837-7.163 16-16 16-8.836 0-16-7.163-16-16V280c0-8.837 7.164-16 16-16 8.837 0 16 7.163 16 16zm112 0v112c0 8.837-7.163 16-16 16s-16-7.163-16-16V280c0-8.837 7.163-16 16-16s16 7.163 16 16zm-224 0v112c0 8.837-7.164 16-16 16s-16-7.163-16-16V280c0-8.837 7.164-16 16-16s16 7.163 16 16z"/></svg> Warenkorb</h5>
+
+                    <div class="col-12 col-lg-4 offset-lg-1">
+                        <div class="card shadow-lg">
+                            <div class="card-header" style="background-color: #546c8a; color: white;">
+                                <h5>Ergebnis</h5>
                             </div>
                             <div class="card-body">
+                                <table class="table">
+                                    <thead>
+                                    <tr>
 
-                                <table class="table table-striped">
-
+                                        <th scope="col">Metrik</th>
+                                        <th scope="col">Wert</th>
+                                    </tr>
+                                    </thead>
                                     <tbody>
+
                                     <tr>
 
-                                        <td>
-                                            <img class="rounded img-fluid me-2" src="https://picsum.photos/25/25">Balkonkraftwerk 600
-
-                                        </td>
-                                        <td class="align-middle text-end">18,00 €</td>
-                                    </tr>
-                                    <tr>
-
-                                        <td>
-                                            <img class="rounded img-fluid me-2" src="https://picsum.photos/25/25">Shelly
-
-                                        </td>
-                                        <td class="align-middle text-end">18,00 €</td>
-
-                                    </tr>
-                                    <tr>
-
-                                        <td>
-                                            <img class="rounded img-fluid me-2" src="https://picsum.photos/25/25">Longi 375 Modul
-
-                                        </td>
-                                        <td class="align-middle text-end">18,00 €</td>
-
+                                        <td>Jährliche Stromproduktion :</td>
+                                        <td>700 kWh</td>
                                     </tr>
 
                                     <tr>
-                                        <div class="input-group mb-3 input-group-sm">
-                                            <span class="input-group-text" id="basic-addon1"><svg style="width: 20px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M544 224h32V112c0-26.51-21.49-48-48-48H48C21.49 64 0 85.49 0 112v112h32c17.673 0 32 14.327 32 32s-14.327 32-32 32H0v112c0 26.51 21.49 48 48 48h480c26.51 0 48-21.49 48-48V288h-32c-17.673 0-32-14.327-32-32s14.327-32 32-32zm0 96v80c0 8.823-7.177 16-16 16H48c-8.823 0-16-7.177-16-16v-80c35.29 0 64-28.71 64-64s-28.71-64-64-64v-80c0-8.823 7.177-16 16-16h480c8.823 0 16 7.177 16 16v80c-35.29 0-64 28.71-64 64s28.71 64 64 64z"/></svg></span>
-                                            <input type="text" class="form-control" placeholder="Gutscheincode" aria-label="Username" aria-describedby="basic-addon1">
-                                        </div>
 
+                                        <td>Jährliche Einsparungen :</td>
+                                        <td>145,33 €</td>
                                     </tr>
 
+                                    <tr>
 
+                                        <td>Amortisation:</td>
+                                        <td>4,5 Jahre</td>
+                                    </tr>
+
+                                    <tr>
+
+                                        <td>Autarkie:</td>
+                                        <td>20 %</td>
+                                    </tr>
                                     </tbody>
-                                    <tfoot>
-                                    <tr>
-                                        <th scope="col">Gesammt:</th>
-                                        <th colspan="2" class="text-end">2838,00 €
-                                            <br>
-                                            <small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small>
-                                        </th>
-
-                                    </tr>
-                                    </tfoot>
-
                                 </table>
-
-                                <a href="" class="text-muted text-decoration-none">Weitere Produkte hinzufügen</a>
-
-                            </div>
-                        </div>
-
-                        <div class="card mt-4" style="background-color: #f7fcf7;">
-                            <div class="card-header">
-                                <h5><svg style="width: 22px; margin-right: 5px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28zm7.67-24h-16c-6.627 0-12-5.373-12-12v-.381c0-70.343 77.44-63.619 77.44-107.408 0-20.016-17.761-40.211-57.44-40.211-29.144 0-44.265 9.649-59.211 28.692-3.908 4.98-11.054 5.995-16.248 2.376l-13.134-9.15c-5.625-3.919-6.86-11.771-2.645-17.177C185.658 133.514 210.842 116 255.67 116c52.32 0 97.44 29.751 97.44 80.211 0 67.414-77.44 63.849-77.44 107.408V304c0 6.627-5.373 12-12 12zM256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8z"/></svg>
-                                    Wie geht es weiter?</h5>
-                            </div>
-                            <div class="card-body">
-
-                                <ol>
-                                    <li class="mb-3">Beratungsgespräch</li>
-                                    <li class="mb-3">Persönliches Angebot</li>
-                                    <li class="mb-3">Packen & Abholtermin</li>
-                                    <li class="mb-3">Rechnung / Barzahlung</li>
-                                    <li class="mb-3">Abholung in 92648 Vohenstrauß</li>
-
-                                </ol>
-
                             </div>
                         </div>
                     </div>
                 </div>
-
             </div>
-    </div>
-    </div>
-
-
-
-
-
-
         </section>
     </div>
 @stop