{{ form_start(form, {
    'attr': {
        'class': 'space-y-2 md: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-4 md:gap-8">
	<div>
		<div class="flex flex-col md:flex-row md:items-center md:gap-2">
			<label class="label-style">{{ form_label(form.date) }}</label>
			{{ form_widget(form.date, {'attr': {'class': 'input-style w-fit ' ~ (form_errors(form.date) ? 'input-error')}}) }}
		</div>
		<div class="input-error-message">{{ form_errors(form.date) }}</div>
	</div>

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

<div class="border border-stone-200 rounded-lg bg-stone-50 p-4 space-y-4">
	{% for subForm in form.diseaseAnalyses %}
		<div class="flex justify-between p-3 bg-white border border-stone-300 rounded-lg shadow-sm">
			<div class="flex gap-3">
				<div>
					<label class="label-style">{{ form_label(subForm.analysisType) }}</label>
					{{ form_widget(subForm.analysisType, { attr: { class: 'w-full input-select-style ' ~ (form_errors(subForm.analysisType) ? 'input-error') } }) }}
					<div class="input-error-message">{{ form_errors(subForm.analysisType) }}</div>
				</div>
				<div>
					<label class="label-style">{{ form_label(subForm.value) }}</label>
					{{ form_widget(subForm.value, { attr: { class: 'w-20 input-style ' ~ (form_errors(subForm.value) ? 'input-error') } }) }}
					<div class="input-error-message">{{ form_errors(subForm.value) }}</div>
				</div>
			</div>

			{# Bouton supprimer (géré par LiveCollectionType) #}
			<div class="mt-2">
				{{ form_widget(subForm.vars.button_delete) }}
			</div>
		</div>
	{% endfor %}

	{# Bouton ajouter (géré par LiveCollectionType) #}
	<div>
		{{ form_widget(form.diseaseAnalyses.vars.button_add) }}
	</div>
</div>


<button type="button" class="button-style button-cancel" data-action="live#action:prevent" data-live-action-param="toggleModalTypeAnalysis">
	Ajouter un nouveau type d'analyse
</button>

{% if addNewTypeAnalysis %}
	<div class="mx-0 md:mx-4 p-4 border border-stone-200 rounded-lg bg-stone-50 space-y-2">
		<h3 class="text-base md:text-lg font-semibold">Ajouter un nouveau type d'analyse</h3>
		{% if errorNewTypeAnalysis %}
			<div class="input-error-message">{{ errorNewTypeAnalysis }}</div>
		{% endif %}
		<div class="flex flex-col">
			<label class="label-style">Nom du nouveau type d'analyse</label>
			<input type="text" data-model="on(change)|newTypeAnalysis.name" placeholder="Nom de l'analyse" class="input-style w-full md:w-96 {{ errorNewTypeAnalysis and newTypeAnalysis.name == null ? 'input-error' }}" maxlength="100"/>
		</div>
		<div class="flex flex-col md:flex-row md:items-center md:gap-4">
			<div class="flex flex-col">
				<label class="label-style">Unité de mesure</label>
				<input type="text" data-model="on(change)|newTypeAnalysis.unit" placeholder="ex: ng/L, nmol/L, etc." class="input-style w-48 {{ errorNewTypeAnalysis and newTypeAnalysis.unit == null ? 'input-error' }}" maxlength="20"/>
			</div>
			<div class="flex flex-col">
				<label class="label-style">Valeurs de référence</label>
				<div class="flex flex-row gap-2">
					<input type="number" step="0.01" data-model="on(change)|newTypeAnalysis.min" placeholder="min" class="input-style w-24 {{ errorNewTypeAnalysis and newTypeAnalysis.min == null ? 'input-error' }}"/>
					<input type="number" step="0.01" data-model="on(change)|newTypeAnalysis.max" placeholder="max" class="input-style w-24 {{ errorNewTypeAnalysis and newTypeAnalysis.max == null ? 'input-error' }}"/>
				</div>
			</div>
		</div>
		<div class="flex justify-end gap-2">
			<button class="button-style button-save" data-action="live#action:prevent" data-live-action-param="createAnalysisType">Ajouter</button>
			<button class="button-style button-cancel" data-action="live#action:prevent" data-live-action-param="toggleModalTypeAnalysis">Annuler</button>
		</div>
	</div>
{% endif %}

<div>
	<label class="label-style">{{ form_label(form.remarks) }}</label>
	{{ form_widget(form.remarks, {'attr': {'class': 'input-style w-full ' ~ (form_errors(form.remarks) ? 'input-error')}}) }}
	<div class="input-error-message">{{ form_errors(form.remarks) }}</div>
</div>

<div class="flex flex-row items-center gap-2">
	<label class="label-style">{{ form_label(form.price) }}</label>
	{{ form_widget(form.price, {'attr': {'class': 'input-style w-20 ' ~ (form_errors(form.price) ? 'input-error')}}) }}
	<div class="input-error-message">{{ form_errors(form.price) }}</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) }}