pop-camarades/views/listitem_form.html

126 lines
3.6 KiB
HTML

{% extends "layouts/main.html" %}
{% block main %}
<div class="container-fluid my-4 px-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item"><a href="/admin">Administration</a></li>
<li class="breadcrumb-item"><a href="/admin/lists">Listes</a></li>
<li class="breadcrumb-item">
<a href="/admin/lists/{{ List.ID }}">{{ List.Name }}</a>
</li>
{% if ListItem.ID %}
<li class="breadcrumb-item active">Modifier élément</li>
{% else %}
<li class="breadcrumb-item active">Ajouter élément</li>
{% endif %}
</ol>
</nav>
<hr />
</div>
<form id="listitem" method="post" class="mw-900">
{% if Errors %}
<div class="alert alert-danger">
<ul class="m-0">
{% for Error in Errors %}
<li>{{ Error }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="row align-items-center mb-3">
<label for="value" class="form-label mb-0 col-md-2"> Valeur </label>
<div class="col-md-10">
<input
id="value"
class="form-control"
type="text"
name="value"
required
value="{{ ListItem.Value }}"
autocomplete="off"
autofocus
/>
</div>
</div>
<div class="row align-items-center mb-3">
<div class="col-md-10 offset-md-2">
<input
type="checkbox"
class="form-check-input me-2"
id="default"
name="default"
autocomplete="off"
{% if ListItem.Default %}
checked
{% endif %}
/>
<label for="default" class="form-label">
Valeur sélectionnée par défaut
</label>
</div>
</div>
<div class="my-4 row align-items-center">
<div class="col-6">
<button class="btn btn-outline-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
<div class="col-6 text-end">
{% if ListItem.ID %}
<button
type="button"
class="btn btn-outline-danger"
data-bs-toggle="modal"
data-bs-target="#modal-delete"
>
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
{% endif %}
</div>
</div>
</form>
</div>
{% if ListItem.ID %}
<div id="modal-delete" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette valeur ?</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-outline-secondary"
data-bs-dismiss="modal"
>
<i class="bi-x-lg me-1"></i>
Annuler
</button>
<form
action="/admin/lists/{{ List.ID }}/items/{{ ListItem.ID }}/delete"
method="post"
class="d-inline p-0"
>
<button class="btn btn-outline-danger" type="submit">
<i class="bi-trash3 me-1"></i>
Supprimer
</button>
</form>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}