{# _kanban_quick_task_modal.html.twig #}
<div class="modal fade" id="quickTaskModal" tabindex="-1" aria-labelledby="quickTaskLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content rounded-4">
            <div class="modal-header py-2">
                <h6 class="modal-title d-flex align-items-center gap-2" id="quickTaskLabel">
                    <i class="mdi mdi-lightning-bolt-outline text-warning"></i>
                    Nouvelle tâche
                </h6>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>

            <form id="quickTaskForm" class="modal-body p-3">
                <input type="hidden" name="place" id="qt_place" />

                <div class="mb-2">
                    <label class="form-label small">Titre <span class="text-danger">*</span></label>
                    <input class="form-control form-control-sm" type="text" name="title" id="qt_title"
                           placeholder="Ex. Rédiger note technique…" required maxlength="140" autofocus />
                </div>
                <div class="row g-2 mt-2">
                    <div class="col-6">
                        <label class="form-label small">Début <span class="text-danger">*</span></label>
                        <input class="form-control form-control-sm" type="date" name="startDate" id="qt_startDate" required />
                    </div>
                    <div class="col-6">
                        <label class="form-label small">Échéance <span class="text-danger">*</span></label>
                        <input class="form-control form-control-sm" type="date" name="dueDate" id="qt_dueDate" required />
                    </div>
                </div>
                <div class="row g-2 mt-2">
                    <div class="col-12">
                        <label class="form-label small">Responsable</label>
                        <select class="form-select form-select-sm" name="responsible" id="qt_responsible">
                            <option value="">—</option>
                            {% for u in assignees ?? [] %}
                                <option value="{{ u.id }}">{{ u.fullName }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="mt-3 d-flex gap-2">
                    <button type="submit" class="btn btn-primary rounded-pill waves-effect btn-sm width-sm" id="qt_submit">
                        <span class="mdi mdi-check-circle-outline me-1"></span>Créer
                    </button>
                    <button type="button" class="btn btn-secondary rounded-pill waves-effect btn-sm width-sm" data-bs-dismiss="modal">
                        Annuler
                    </button>
                    <div class="ms-auto small text-muted">↵ = créer · ⌘/Ctrl+↵ = créer & ouvrir</div>
                </div>
            </form>
        </div>
    </div>
</div>