fix div
This commit is contained in:
@@ -6,105 +6,104 @@
|
||||
<!-- Main Content -->
|
||||
<main class="container mx-auto w-full px-4 my-8 flex-1">
|
||||
<h1 class="page-title">Neue Rechnung einreichen</h1>
|
||||
<div class="w-full h-full flex-1 flex justify-center items-center">
|
||||
<form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
|
||||
{% csrf_token %}
|
||||
{% include "baseform/non_field_errors.html" %}
|
||||
|
||||
<section>
|
||||
<h2>Bankdaten</h2>
|
||||
<small>Angaben zu den Bankdaten für die Rückerstattung des Rechnungsbetrags.</small>
|
||||
<form action="" enctype="multipart/form-data" method="POST" class="multiSectionForm max-w-2xl">
|
||||
{% csrf_token %}
|
||||
{% include "baseform/non_field_errors.html" %}
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/select.html" with field=form.payer %}
|
||||
</div>
|
||||
<div class="sm:col-span-4">
|
||||
{% include "baseform/text.html" with field=form.name_text %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.iban_text %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.bic_text %}
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
<span>Bankdaten speichern.</span>
|
||||
</label>
|
||||
</div>
|
||||
<section>
|
||||
<h2>Bankdaten</h2>
|
||||
<small>Angaben zu den Bankdaten für die Rückerstattung des Rechnungsbetrags.</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/select.html" with field=form.payer %}
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Rechnungsdetails</h2>
|
||||
<small>Details zur ursprünglichen bereits bezahlten Rechnung angeben.</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-4">
|
||||
{% include "baseform/textarea.html" with field=form.invoice %}
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/text.html" with field=form.purpose %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/date.html" with field=form.date %}
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label>
|
||||
<span class="text-gray-700 dark:text-gray-200">{{ form.amount.label }}</span>
|
||||
{% if form.amount.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<div class="alert-body">{{ form.amount.errors }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<input
|
||||
type="number"
|
||||
name="amount"
|
||||
value={{ form.amount.value }}
|
||||
required
|
||||
min="0.00"
|
||||
step="0.01"
|
||||
placeholder="123,99"
|
||||
class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
|
||||
>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/file.html" with field=form.file_field %}
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/checkbox.html" with field=form.only_digital %}
|
||||
</div>
|
||||
<div class="sm:col-span-4">
|
||||
{% include "baseform/text.html" with field=form.name_text %}
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Beschlusslage</h2>
|
||||
<small>Informationen zur Beschlusslage dieser Rechnung.</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/select.html" with field=form.affiliation %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.resolution_text %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.iban_text %}
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Kommentar</h2>
|
||||
<small>Erfordert etwas zusätzlichen Erklärungsbedarf oder sollen nachträglich Informationen bearbeitet werden?</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/textarea.html" with field=form.comment %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.bic_text %}
|
||||
</div>
|
||||
</section>
|
||||
<section class="flex justify-end">
|
||||
<button type="submit" class="btn btn-primary w-full sm:w-auto" value="Einreichen">Rechnung einreichen</button>
|
||||
</section>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
<label>
|
||||
<input type="checkbox">
|
||||
<span>Bankdaten speichern.</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Rechnungsdetails</h2>
|
||||
<small>Details zur ursprünglichen bereits bezahlten Rechnung angeben.</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-4">
|
||||
{% include "baseform/textarea.html" with field=form.invoice %}
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/text.html" with field=form.purpose %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/date.html" with field=form.date %}
|
||||
</div>
|
||||
<div class="sm:col-span-2">
|
||||
<label>
|
||||
<span class="text-gray-700 dark:text-gray-200">{{ form.amount.label }}</span>
|
||||
{% if form.amount.errors %}
|
||||
<div class="alert alert-danger">
|
||||
<div class="alert-body">{{ form.amount.errors }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<input
|
||||
type="number"
|
||||
name="amount"
|
||||
value={{ form.amount.value }}
|
||||
required
|
||||
min="0.00"
|
||||
step="0.01"
|
||||
placeholder="123,99"
|
||||
class="mt-1 block w-full rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
|
||||
>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/file.html" with field=form.file_field %}
|
||||
</div>
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/checkbox.html" with field=form.only_digital %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Beschlusslage</h2>
|
||||
<small>Informationen zur Beschlusslage dieser Rechnung.</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/select.html" with field=form.affiliation %}
|
||||
</div>
|
||||
<div class="sm:col-span-3">
|
||||
{% include "baseform/text.html" with field=form.resolution_text %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Kommentar</h2>
|
||||
<small>Erfordert etwas zusätzlichen Erklärungsbedarf oder sollen nachträglich Informationen bearbeitet werden?</small>
|
||||
|
||||
<div class="grid grid-cols-1 gap-x-6 gap-y-6 sm:grid-cols-6">
|
||||
<div class="col-span-full">
|
||||
{% include "baseform/textarea.html" with field=form.comment %}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="flex justify-end">
|
||||
<button type="submit" class="btn btn-primary w-full sm:w-auto" value="Einreichen">Rechnung einreichen</button>
|
||||
</section>
|
||||
</form>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user