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

{% block title %}New Property
{% endblock %}

{% block body %}
	<div class="container position-relative align-items-center">
		<div class="col-md-6">
			<h1>Créer un nouveau bien</h1>
			{{ form_start(form) }}
			<div class="row">
				{{ form_widget(form.name, {'attr': {'class': 'form-control', 'hidden': true}}) }}
			</div>
			<div class="row">
				<div class="col-6">
					{{ form_row(form.type) }}
				</div>
				<div class="col-6">
					{{ form_row(form.price) }}
				</div>
			</div>
			<div class="row">
				{{ form_row(form.description) }}
			</div>
			<div class="row">
				{{ form_widget(form.owner, {'attr': {'class': 'form-control', 'hidden': true}}) }}
			</div>
			<div class="row">
				{{ form_widget(form.address, {'attr': {'class': 'form-control', 'hidden': true}}) }}
			</div>
			<div class="row">
				{{ form_widget(form.quarter, {'attr': {'class': 'form-control', 'hidden': true}}) }}
			</div>
			<div class="row">
				<div class="col-6">
					{{ form_row(form.city, {'data': 'Brazzaville'}) }}
				</div>
				<div class="col-6">
					{{ form_row(form.country) }}
				</div>
			</div>
			<div class="row">
				{{ form_widget(form.agence) }}
			</div>
			<div style="display: flex; justify-content: flex-end;">
				<button class="btn btn-primary">Suivant &raquo;</button>
			</div>
			{{ form_end(form) }}
		</div>
	</div>
{% endblock %}