{% block javascripts %}
	{# <script>
			    var baseUrl = '{{ path('app_quote_calculate_complexity') }}';
			    
			        document.addEventListener('DOMContentLoaded', function() {
			            const itemsSelect = document.querySelector('#quote_items'); // Assurez-vous que l'ID correspond
			            const complexityDisplay = document.querySelector('#quote_complexity'); // Element pour afficher la complexité
			
			            itemsSelect.addEventListener('change', function() {
			                const selectedItems = Array.from(this.selectedOptions).map(option => option.value);
			
			                fetch(`${baseUrl}?items=${selectedItems.join(',')}`)
			                    .then(response => response.json())
			                    .then(data => {
			                        complexityDisplay.value = data.complexity;
			                    });
			            });
			        });
			    </script> #}
{% endblock %}

{{ form_start(form) }}
		<form class="">
			<div class="position-relative mb-3">
				<label for="reference" class="form-label">Reference</label>
				{{form_widget(form.reference)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress" class="form-label">Title</label>
				{{form_widget(form.title)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Description</label>
				{{form_widget(form.description)}}
			</div>
			<div class="row">
				<div class="col-md-6">
					<div class="position-relative mb-3">
						<label for="exampleCity" class="form-label">Status</label>
						{{form_widget(form.status)}}
					</div>
				</div>
				<div class="col-md-6">
					<div class="position-relative mb-3">
						<label for="exampleState" class="form-label">Signed</label>
						{{form_widget(form.state)}}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="position-relative mb-3">
						<label for="exampleCity" class="form-label">Created at</label>
						{{form_widget(form.created_at)}}
					</div>
				</div>
				<div class="col-md-4">
					<div class="position-relative mb-3">
						<label for="exampleCity" class="form-label">Updated at</label>
						{{form_widget(form.updated_at)}}
					</div>
				</div>
				<div class="col-md-4">
					<div class="position-relative mb-3">
						<label for="exampleState" class="form-label">Finalized at</label>
						{{form_widget(form.finalized_at)}}
					</div>
				</div>
				<div class="col-md-6">
					<div class="position-relative mb-3">
						<label for="exampleState" class="form-label">Signed at</label>
						{{form_widget(form.signed_at)}}
					</div>
				</div>
				<div class="col-md-6">
					<div class="position-relative mb-3">
						<label for="exampleState" class="form-label">Deadline at</label>
						{{form_widget(form.deadlineAt)}}
					</div>
				</div>
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Currency</label>
				{{form_widget(form.currency)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Color</label>
				{{form_widget(form.color)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Difficulty level</label>
				{{form_widget(form.difficultyLevel)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Affected member</label>
				{{form_widget(form.affectedMember)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Customer</label>
				{{form_widget(form.customer)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Items</label>
				{{form_widget(form.items)}}
			</div>
			<div class="position-relative form-check">
				<label for="exampleAddress2" class="form-label">External provider</label>
				{{form_widget(form.externalProvider)}}
			</div>
			<div class="position-relative mb-3">
				<label for="exampleAddress2" class="form-label">Complexity</label>
				{{form_widget(form.complexity)}}
			</div>
		</form>
<button class="btn btn-primary px-5 mt-3">{{ button_label|default('Créer') }}</button>
{{ form_end(form) }}