{% extends 'layouts/base.html.twig' %}

{% block title %}Nouvelle location
{% endblock %}

{% block body %}
	<div class="container position-relative align-items-center">
		<div class="col-md-6">
			<h1>Création d'une location</h1>
			{{ form_start(form) }}
			<div>
				{{ form_label(form.property) }}
				{{ form_widget(form.property,{'attr': {'class': 'form-control'}}) }}
				<div class="input-group-append">
					<i class="bi bi-plus">
						<a href="#" data-toggle="modal" data-target="#formPropertyModal">Ajouter un bien</a>
					</i>
				</div>
			</div>
			<div>
				{{ form_label(form.tenant) }}
				{{ form_widget(form.tenant, {'attr': {'class': 'form-control'}}) }}
				<div class="input-group-append">
					<i class="bi bi-plus">
						<a href="#" data-toggle="modal" data-target="#formTenantModal">Ajouter un locataire</a>
					</i>
				</div>
			</div>
			<div class="row">
				<div class="col-6">
					{{ form_row(form.monthly_rent) }}
				</div>
				<div class="col-6">
					{{ form_row(form.frequence_loyer) }}
				</div>
			</div>
			<div class="row">
				<div class="col-6">
					{{ form_row(form.start_date) }}
				</div>
				<div class="col-6">
					{{ form_row(form.end_date) }}
				</div>
			</div>

			<div class="row">
				<div class="col-6">
					{{ form_row(form.jour_echeance) }}
				</div>
				<div class="col-6">
					{{ form_row(form.generation_loyer) }}
				</div>
			</div>
			<button class="btn btn-primary">{{ button_label|default('Enregistrer') }}</button>
			{{ form_end(form) }}

			{# include  formlaire Tenant  #}
			{{ include('rental/_tenant.html.twig') }}
			{# include  formlaire Property  #}
			{{ include('rental/_property.html.twig') }}
			<a href="{{ path('app_rental_index') }}">Retour</a>
		</div>
	</div>
{% endblock %}
{% block javascript %}
	{{ parent() }}
	<script src="{{ asset('assets/js/tenantsubmit.js?id=13') }}"></script>
{% endblock %}