{% set editing = task is defined and task %}
<form method="post" enctype="multipart/form-data" class="project-task-form" data-controller="project-task-form">
    <input type="hidden" name="_token" value="{{ csrf_token(editing ? 'projet_task_edit_' ~ task.id : 'projet_task_create_' ~ project.id) }}">
    {% if errors._global is defined %}<div class="project-task-alert">{{ errors._global }}</div>{% endif %}
    <div class="project-task-form__layout">
        <main>
            <section class="project-task-card">
                <header><i class="ti ti-info-circle"></i><h2>Informations générales</h2></header>
                <div class="project-task-card__body">
                    <label class="project-task-field">Titre de la tâche <b>*</b>
                        <input name="task[titre]" value="{{ data.titre }}" placeholder="Ex : Intégration front-end homepage" required data-project-task-form-target="title" data-action="input->project-task-form#refresh">
                        {% if errors.titre is defined %}<small class="is-danger">{{ errors.titre }}</small>{% endif %}
                    </label>
                    <label class="project-task-field">Description
                        <textarea name="task[description]" rows="6" placeholder="Décrivez la tâche, les objectifs attendus, les contraintes techniques…">{{ data.description }}</textarea>
                    </label>
                    <div class="project-task-form__grid">
                        <label class="project-task-field">Type de tâche <b>*</b>
                            <select name="task[type]" required data-project-task-form-target="type" data-action="change->project-task-form#refresh"><option value="">— Sélectionner un type —</option>{% for type in types %}<option {{ data.type == type ? 'selected' : '' }}>{{ type }}</option>{% endfor %}</select>
                            {% if errors.type is defined %}<small class="is-danger">{{ errors.type }}</small>{% endif %}
                        </label>
                        <fieldset class="project-task-field"><legend>Priorité <b>*</b></legend><div class="project-task-choice-row">{% for priority in priorities %}<label><input type="radio" name="task[priorite]" value="{{ priority }}" {{ data.priorite == priority ? 'checked' : '' }} data-project-task-form-target="priority" data-action="change->project-task-form#refresh"><span>{{ priority }}</span></label>{% endfor %}</div>{% if errors.priorite is defined %}<small class="is-danger">{{ errors.priorite }}</small>{% endif %}</fieldset>
                    </div>
                    <fieldset class="project-task-field"><legend>Statut initial</legend><div class="project-task-choice-row">{% for status in task_statuses %}<label><input type="radio" name="task[statut]" value="{{ status }}" {{ data.statut == status ? 'checked' : '' }} data-project-task-form-target="status" data-action="change->project-task-form#refresh"><span>{{ status }}</span></label>{% endfor %}</div></fieldset>
                </div>
            </section>
            <section class="project-task-card">
                <header><i class="ti ti-calendar"></i><h2>Planification</h2></header>
                <div class="project-task-card__body project-task-form__grid">
                    <label class="project-task-field">Date de début<input type="date" name="task[startDate]" value="{{ data.startDate }}" data-project-task-form-target="start" data-action="change->project-task-form#refresh">{% if errors.startDate is defined %}<small class="is-danger">{{ errors.startDate }}</small>{% endif %}</label>
                    <label class="project-task-field">Deadline <b>*</b><input type="date" name="task[deadline]" value="{{ data.deadline }}" required data-project-task-form-target="deadline" data-action="change->project-task-form#refresh">{% if errors.deadline is defined %}<small class="is-danger">{{ errors.deadline }}</small>{% endif %}</label>
                </div>
            </section>
            <section class="project-task-card">
                <header><i class="ti ti-users"></i><h2>Assignation</h2></header>
                <div class="project-task-card__body"><div class="project-task-assignees">{% for member in staff %}<label><input type="checkbox" name="task[assigned][]" value="{{ member.id }}" {{ member.id in data.assigned ? 'checked' : '' }} data-project-task-form-target="assignee" data-action="change->project-task-form#refresh"><img class="project-avatar" src="{{ user_avatar_url(member) }}" alt=""><b>{{ member.prenom }} {{ member.nom }}</b></label>{% else %}<p>Aucun membre disponible.</p>{% endfor %}</div></div>
            </section>
            <section class="project-task-card"><header><i class="ti ti-paperclip"></i><h2>Pièces jointes</h2></header><div class="project-task-card__body">
                {% include '@Projet/projet/_attachment_input.html.twig' %}
                {% if errors.attachments is defined %}<p class="is-danger">{{ errors.attachments }}</p>{% endif %}
            </div></section>
            {% if editing %}{% include '@Projet/projet/_attachments.html.twig' with {work: task, kind: 'taches'} %}{% endif %}
            <div class="project-task-form__actions"><a class="project-button project-button--secondary" href="{{ path('projet_show', {id: project.id, tab: 'tasks'}) }}">Annuler</a><button class="project-button project-button--primary" type="submit"><i class="ti ti-check"></i>{{ editing ? 'Enregistrer les modifications' : 'Créer la tâche' }}</button></div>
        </main>
        <aside>
            <section class="project-task-card project-task-preview"><header><i class="ti ti-eye"></i><h2>Aperçu</h2></header><div class="project-task-card__body">
                <dl><div><dt>Projet</dt><dd>{{ project.titre }}</dd></div><div><dt>Client</dt><dd>{{ project.client ? project.client.nom : 'Sans client' }}</dd></div><div><dt>Tâche</dt><dd data-project-task-form-target="previewTitle">{{ data.titre ?: 'Nouvelle tâche' }}</dd></div><div><dt>Priorité</dt><dd data-project-task-form-target="previewPriority">{{ data.priorite }}</dd></div><div><dt>Statut</dt><dd data-project-task-form-target="previewStatus">{{ data.statut }}</dd></div><div><dt>Deadline</dt><dd data-project-task-form-target="previewDeadline">{{ data.deadline ?: '—' }}</dd></div></dl>
            </div></section>
        </aside>
    </div>
</form>