{% extends 'admin/layout.html.twig' %}
{% form_theme form 'bootstrap_4_layout.html.twig' %}
{% block content %}

<div class="page-section">
	<div class="page-title">
		<h1>Création d'un distributeur</h1>
		<span class="d-block text-muted">Une opportuné s'offre à nous ! Ne laissons pas filé ce filon...</span>
	</div>

	{{ form_start(form) }}
	<fieldset class="border border-7 fieldset-form">
		<legend class="legend-form">Indentification distributeur</legend>
		<span class="d-block text-muted font-italic legend-desc">Création du code client</span>
		<div class="row">
			<div class="form-group col-8">
				{{ form_label(form.client, 'Client') }}
				{{ form_row(form.client) }}
			</div>
			<div class="row">
				<div class="form-group col-2">
					{{ form_label(form.code, 'Numéro') }}
					{{ form_row(form.code) }}
				</div>
				<div class="form-group col-2">
					{{ form_label(form.type, 'Type') }}
					{{ form_row(form.type) }}
				</div>

				<div class="form-group col-4">
					{{ form_label(form.rent, 'Formule') }}
					{{ form_row(form.rent) }}
				</div>
				<div class="form-group col-4">
					
						{{ form_label(form.setup_at, 'Date d\'installation') }}
                        {{ form_row(form.setup_at) }}
				</div>

			</div>
		</fieldset>

		<fieldset class="border fieldset-form border-7">
			<legend class="legend-form">Localisation Distributeur</legend>
			<div class="row">
				<div class="form-group col-md">
					{{ form_label(form.addressSetup, 'Adresse') }}
					{{ form_row(form.addressSetup) }}
				</div>
				<div class="form-group col-md">
					{{ form_label(form.City, 'Ville') }}
					{{ form_row(form.City) }}
				</div>
				<div class="form-group col-md">
					{{ form_label(form.postalCode, 'Code Postal') }}
					{{ form_row(form.postalCode) }}
				</div>
			</div>
		</fieldset>

		<div class="form-group form-submit">
			{{ form_row(form.submit,{'label':'Enregistrer le distributeur !','attr':{'class':'btn-success btn-form'}}) }}
			{{ form_row(form._token) }}
		</div>


		{{ form_end(form,{'render_rest': false}) }}
	</div>

{% endblock content %}