You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
6.2 KiB
161 lines
6.2 KiB
{% extends "resources/base.html" %}
|
|
|
|
{% block content %}
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
<body onload="load()">
|
|
|
|
<div class="standardpage">
|
|
<section>
|
|
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="card mb-4">
|
|
<div class="card-body">
|
|
<p class="text-uppercase fw-bold mb-3 text-font">Account / Email Addresse</p>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<p>your-email@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-header py-3">
|
|
<h5 class="mb-0 text-font text-uppercase">Lieferadresse</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="Lieferadressecheckbox"></div>
|
|
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal1">Open Modal</button>
|
|
</div>
|
|
<div class="card-header py-3">
|
|
<h5 class="mb-0 text-font text-uppercase">Rechnungsadresse</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="Rechnugsaddressecheckbox"></div>
|
|
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal1">Open Modal</button>
|
|
</div>
|
|
<div class="card-header py-3">
|
|
<h5 class="mb-0 text-font text-uppercase">Nachricht an uns</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="form-outline mb-4">
|
|
<textarea class="form-control" id="form11Example7" rows="4"></textarea>
|
|
<label class="form-label" for="form11Example7">Gibt es etwas, das wir noch wissen sollten?</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button id="ready-btn" type="button" class="btn button-order col-md-10">Bestellung aufgeben</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-4 position-static">
|
|
<div class="card mb-4">
|
|
<div class="card-header py-3">
|
|
<h5 class="mb-0 text-font">x Positionen <span class="float-end mt-1"
|
|
style="font-size: 13px ;">bearbeiten</span></h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<section id="cartshort">
|
|
|
|
</section>
|
|
|
|
</div>
|
|
<div class="card-footer mt-4">
|
|
|
|
<ul class="list-group list-group-flush">
|
|
<li
|
|
class="list-group-item d-flex justify-content-between align-items-center border-0 px-0 pb-0 text-muted">
|
|
Subtotal
|
|
<span>$35.00</span>
|
|
</li>
|
|
<li
|
|
class="list-group-item d-flex justify-content-between align-items-center px-0 fw-bold text-uppercase">
|
|
Total to pay
|
|
<span>$35.00</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
<div id="modal1" class="modal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Addresse hinzufügen</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="box">
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="name" id="name" name="name" placeholder="Name" autofocus="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="firma" id="firma" name="firma" placeholder="Firma">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="uid" id="uid" name="uid" placeholder="UID Nummer">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="straße" id="straße" name="straße" placeholder="Straße">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="plz" id="plz" name="plz" placeholder="PLZ">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="formfield">
|
|
<div class="control">
|
|
<input class="input is-large" type="land" id="land" name="land" placeholder="Land">
|
|
</div>
|
|
</div>
|
|
|
|
<button class="button is-block is-info is-large is-fullwidth" onclick="addadress()">Neue Adresse hinzufügen</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="mClose1" class="modal-footer">
|
|
<h3>Schließen</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<form class=hidden id="orderform" method="post" action="/checkout/order" >
|
|
<input name="user_id" class="hidden" id="user_id" value="1">
|
|
<input name="warenkorb_id" class="hidden" id="warenkorb_id" value="1">
|
|
<input name="netto" class="hidden" id="netto" value="0">
|
|
<input name="shipping" class="hidden" id="shipping" value="0">
|
|
<input name="vat" class="hidden" id="vat" value="0">
|
|
<input name="brutto" class="hidden" id="brutto" value="0">
|
|
<input name="nachricht" class="hidden" id="nachricht" value="0">
|
|
<input name="add_b" class="hidden" id="add_b" value="0">
|
|
<input name="add_s" class="hidden" id="add_s" value="0">
|
|
</form>
|
|
|
|
{% endblock %}
|