vergabe-teilnahme/vergabe_teilnahme/templates/partials/freigabe_modal.html

32 lines
1.4 KiB
HTML
Raw Normal View History

<div x-data="{ open: true }" x-show="open" x-cloak
class="fixed inset-0 bg-black/30 z-50 flex items-center justify-center">
<div class="bg-white rounded-xl shadow-xl p-6 w-full max-w-md mx-4"
@click.outside="open = false">
<h2 class="page-title text-xl mb-4">Freigabe erteilen</h2>
<form hx-post="/freigaben/erteilen/" hx-target="#modal-container" hx-swap="innerHTML">
{% csrf_token %}
<input type="hidden" name="content_type_id" value="{{ content_type_id }}">
<input type="hidden" name="object_id" value="{{ object_id }}">
<div class="space-y-3">
<div>
<label class="form-label">Freigabe-Typ</label>
<select name="freigabe_typ" class="form-input">
{% for value, label in freigabe_typ_choices %}
<option value="{{ value }}" {% if value == freigabe_typ %}selected{% endif %}>{{ label }}</option>
{% endfor %}
</select>
</div>
<div>
<label class="form-label">Kommentar (optional)</label>
<textarea name="kommentar" rows="3" class="form-input"
placeholder="Begründung oder Anmerkungen..."></textarea>
</div>
</div>
<div class="flex justify-end gap-2 mt-4">
<button type="button" @click="open = false" class="btn-secondary">Abbrechen</button>
<button type="submit" class="btn-primary">Freigabe erteilen</button>
</div>
</form>
</div>
</div>