{{ form_start(form, {
    'attr': {
        'class': 'space-y-4 w-full',
        'data-action': 'live#action:prevent',
        'data-live-action-param': 'save',
        'data-model': 'norender|*'
    }
}) }}

<div class="flex flex-col md:flex-row gap-2 md:gap-4 md:justify-center">
	<div class="flex flex-col">
		<label class="labal-style">
			{{ form_label(form.diagnosedAt) }}
		</label>
		{{ form_widget(form.diagnosedAt, {'attr': {'class': 'input-style w-fit ' ~ (form_errors(form.diagnosedAt) ? 'input-error')}}) }}
		<div class="input-error-message">
			{{ form_errors(form.diagnosedAt) }}
		</div>
	</div>

		<div class="gap-2 {{ createNewDiseaseType ? 'flex flex-col md:flex-row' : 'hidden' }}">
			<div class="flex flex-col">
				<label class="labal-style">
					Ajouter une nouvelle maladie
				</label>
				<input type="text" class="input-style w-80" placeholder="Nouvelle maladie" data-model="newDiseaseTypeName">
			</div>
			<div class="flex items-end justify-end gap-2 mb-1">
				<button class="button-style button-save" data-action="live#action:prevent" data-live-action-param="createDiseaseType" type="button">
					{{ ux_icon('icon-park-outline:add-one', { class: 'w-5 h-5'}) }}
				</button>
				<button class="button-style button-cancel" data-action="live#action:prevent" data-live-action-param="newDiseaseType" type="button">
					{{ ux_icon('hugeicons:cancel-01', { class: 'w-5 h-5'}) }}
				</button>
			</div>
		</div>
		<div class="gap-2 {{ createNewDiseaseType ? 'hidden' : 'flex flex-col md:flex-row' }}">
			<div class="flex flex-col">
				<label class="labal-style">
					{{ form_label(form.type) }}
				</label>
				{{ form_widget(form.type, {'attr': {'class': 'input-select-style w-full ' ~ (form_errors(form.type) ? 'input-error')}}) }}
				<div class="input-error-message">
					{{ form_errors(form.type) }}
				</div>
			</div>
			<div class="flex items-end mb-1">
				<button class="button-style button-flex button-view" data-action="live#action:prevent" data-live-action-param="newDiseaseType" type="button">
					{{ ux_icon('icon-park-outline:add-one', { class: 'w-5 h-5'}) }}
					Nouvelle maladie
				</button>
			</div>
		</div>

	<div class="flex flex-col">
		<label class="labal-style">
			{{ form_label(form.isResolved) }}
		</label>
		{{ form_widget(form.isResolved, {'attr': {'class': 'input-style w-fit space-x-2 ' ~ (form_errors(form.isResolved) ? 'input-error')}}) }}
		<div class="input-error-message">
			{{ form_errors(form.isResolved) }}
		</div>
	</div>
</div>

{# Bouton de sauvegarde #}
<div class="flex justify-center mt-6">
	<button type="submit" class="button-style button-save button-flex">
		{{ ux_icon('famicons:save-outline', { class: 'w-5 h-5'}) }}
		Enregistrer
	</button>
</div>

{{ form_end(form) }}