Areya
/
areya-energy
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: Areya:fcf35ee1f014f85d5281f9626b9c5e409f98fc9a
Branches Tags
Areya:master
...
compare: Areya:ac88bf72e16cdb15ec447ad97276a756abeb3d8d
Branches Tags
Areya:master

2 Commits
fcf35ee1f0 ... ac88bf72e1

Author SHA1 Message Date
Benjamin Völkl ac88bf72e1 Merge branch 'master' of code.areya.de:Areya/areya-energy 2022-08-29 14:53:49 +02:00
Benjamin Völkl ad5fbaee65 added shopping cart and checkout page 2022-08-29 14:53:22 +02:00
3 changed files with 245 additions and 17 deletions
Show Stats Expand all files Collapse all files

16
content/lists/produkte.blade.php
View File

@ -4,19 +4,9 @@
<section>
<div class="row">
<div class="col">
<h1>Shop</h1>
<br>
<br>
<p class="text-muted fs-5 mb-3">Derzeit keine offene Stellen.</p>
<p fs-5>
<br>
Für eine Initiativbewerbung schicken Sie diese bitte an:
<br>
<a href="mailto:bewerbung@areya.energy">bewerbung@areya.energy</a>
</p>
<br>
<br>
<h1>Produkte</h1>
<br>

<br>
<br>
</div>
@ -34,4 +24,4 @@
</div>
</section>
</div>
@stop
@stop

77
content/master.blade.php
View File

@ -44,9 +44,78 @@
<a href="{{url('/kontakt')}}" class="text-decoration-none mt-2 fw-bold">Kontakt</a>
</div>
<div class="col-1 text-end">
<a href="{{url('/checkout')}}">


<a href="" data-bs-toggle="modal" data-bs-target="#ShoppingCart">
<svg style="fill: white; width: 30px; margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
</a>


<!-- Modal -->
<div class="modal fade" id="ShoppingCart" tabindex="-1" aria-labelledby="ShoppingCart" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Warenkorb</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
<table class="table table-striped">

<tbody>

<tr>
<td class="text-start">
<img class="rounded img-fluid" src="https://picsum.photos/120/120">


</td>

<td class="text-start">
<span class="fs-5">Longi 375 Modul</span>
<br>
<small class="text-success">sofort verfügbar</small>
<br>

<select class="form-select form-select-sm" aria-label="Default select example">
<option selected value="1">Anzahl: 1</option>
<option value="2">Anzahl: 2</option>
<option value="3">Anzahl: 3</option>
</select>
</td>

<td class="align-middle text-end">18,00€</td>

</tr>



</tbody>
<tfoot>
<tr>
<th class="text-start" scope="col">Gesammt:</th>
<th colspan="3" class="text-end">2838,00 €
<br>
<small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small>
</th>

</tr>
</tfoot>

</table>
</div>
</div>
</div>
<div class="modal-footer">

<a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot anfragen</a>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
@ -55,15 +124,15 @@
<div class="alert alert-warning mt-5 mb-2 alert-dismissible" role="alert">
<strong>Achtung:</strong>
<br>
Aufgrund der erhöhten Nachfrage sind derzeit einige Produkte ausverkauft, bzw. nur schwer Lieferbar.
Aufgrund der erhöhten Nachfrage sind derzeit einige Produkte ausverkauft, bzw. nur schwer Lieferbar.
<br>
Bitte Telefonisch Lieferzeiten und Verfügbarkeiten klären.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>
</div>
@yield('content')
@insert("content.includes.footer")
@insert("content.includes.scripts")
@yield('scripts')
</body>
</html>
</html>

169
content/pages/checkout.blade.php Normal file
View File

@ -0,0 +1,169 @@
@layout('content.master')
@section('content')
<div class="container">
<section>

<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>
<div class="card-body">


<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>
</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>
</x-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>
<div class="card-body">

<table class="table table-striped">

<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>

</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>

</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