{% 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_widget(form.property,{'attr': {'class': 'form-control', 'hidden': true}}) }}
			</div>
			<div>
				{{ form_widget(form.tenant, {'attr': {'class': 'form-control', 'hidden': true}}) }}
			</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>
			<div class="row">
				<div class="col-6" style="display: flex;">
					<a class="btn btn-primary" href="{{ path('app_wizard_step2') }}">&laquo; Précédent</a>
				</div>
				<div class="col-6" style="display: flex; justify-content: flex-end;">
					<button class="btn btn-success">Terminer</button>
				</div>
			</div>
			{{ form_end(form) }}
		</div>
		{% block javascript %}
			{{ parent() }}
			<script src="{{ asset('assets/js/tenantsubmit.js?id=13') }}"></script>
		{% endblock %}
	</div>
{% endblock %}