{% extends 'layout_admin.html.twig' %}

{% block stylesheets %}
	{{ parent() }}

	<style>
		#conteneur_sinitre td {
			padding-right: 15px;
			height: 40px;
		}
		.vol {
			margin: 8px 0 0 5px;
			width: 100px;
		}
		#intervention_commandes {
			margin-top: 8px;
		}
		#intervention_commandes .checkbox {
			margin-top: 0;
			margin-bottom: 0;
		}
		#intervention_commandes th {
			font-weight: bold;
		}
		#intervention_commandes td {
			text-align: center;
			vertical-align: middle;
		}
		#intervention_commandes td.remove {
			text-align: center;
			vertical-align: middle;
		}
		#intervention_commandes td.remove > i {
			font-size: 1.2em;
			line-height: 1;
			margin-left: 0;
			position: relative;
			top: 3px;
		}
		#intervention_commandes td.remove > i:hover {
			cursor: pointer;
			font-weight: bold;
		}
	</style>
{% endblock %}

{% block content %}
	{{ form_start(form) }}
	<div class="page-header">
		<div class="row">
			<div class="col-xs-6">
				<h3>{{ "title.edit.intervention" | trans }}
					<em>{{ intervention.incidentNom }}
						sur
						{{ intervention.pointDeVente }}</em>
				</h3>
			</div>
			<div class="col-xs-6 text-right">
				<h3>
					<div class="btn-group">
						{% if is_granted("ROLE_TT") %}
							{# si rôle TT le bouton annuler redirige vers l'affichage de l'intervention #}
							<a class="btn" href="{{ path('admin_intervention_show', {'intervention': intervention.id}) }}">
								<span class="fa fa-chevron-left"></span>
								{% trans %}form.btn.cancel{% endtrans %}</a>
						{% else %}
							{# si autre rôle le bouton annuler redirige vers la liste des interventions #}
							<a class="btn" href="{{ path('admin_intervention') }}">
								<span class="fa fa-chevron-left"></span>
								{% trans %}form.btn.cancel{% endtrans %}</a>
						{% endif %}

						<button class="btn btn-primary" type="submit">
							<span class="fa fa-check"></span>
							{% trans %}form.btn.save{% endtrans %}</button>
					</div>
				</h3>
			</div>
		</div>
	</div>

	{% include 'flashes.html.twig' %}
	{% if form_errors(form) != "" %}
		<div class="alert alert-error">{{ form_errors(form) }}</div>
	{% endif %}

	<div class="row" {{ stimulus_controller('intervention_edit') }}>
		<div class="col-sm-6 col-xs-12">
			{{ form_row(form.pointDeVente) }}
			{{ form_row(form.origine) }}
			{{ form_widget(form.sinistre) }}

			<div id="conteneur_sinitre">
				{{ form_widget(form.vol) }}

				<div id="conteneur_vol_details" class="form-inline">
					{% for vol in form.vols %}
						<div class="form-group vol">
							{{ form_widget(vol.nb) }}
							{{ vol.vars.value.produitCode }}
						</div>
					{% endfor %}
				</div>
			</div>

			{{ form_row(form.incident) }}
			{% if intervention.incident is not null and intervention.incident.id == 15 %}
				{{ intervention.incidentNom2 }}
			{% endif %}

			{{ form_row(form.provenance) }}
		</div>
		<div class="col-sm-6 col-xs-12">
			{{ form_row(form.action) }}
			{{ form_row(form.intervenant) }}

			{% if form.dateIntervention.vars.errors|length > 0 %}
				<div class="form-group has-error">
					{{ form_errors(form.dateIntervention) }}
				</div>
			{% endif %}

			{{ form_row(form.dateIntervention.date, {'label': 'form.intervention.date_intervention', 'html5': false, 'attr': {'class':'js-datepicker'}}) }}
			{{ form_row(form.dateIntervention.time, {'label': 'form.hour', 'html5': true, 'attr': {'placeholder': '00:00'}}) }}
			{{ form_row(form.status) }}

			<div id="conteneur_incident_resolu">
				{{ form_row(form.incidentResolu) }}
			</div>

			<div id="conteneur_commande" {{ stimulus_controller('intervention_collection') }}>
				{{ form_label(form.commandes) }}
				<br/>
				<button type="button" class="add-another-collection-widget btn btn-default" data-list-selector="intervention_commandes">
					<i class="fa fa-plus"></i>
				</button>
				{{ form_widget(form.commandes) }}
			</div>

			{% include 'admin/adminIntervention/historique.html.twig' %}
			{{ form_rest(form) }}
		</div>
	</div>
	{{ form_end(form) }}

	<div class="js-user" data-user-id="{{ app.user.id }}"></div>
	<div class="js-date-demande-fr" data-date-demande-fr="{{ intervention.dateDemande|date('d/m/Y') }}"></div>
{% endblock %}

{% block my_js %}
	{{ encore_entry_script_tags('admin_intervention_edit') }}
{% endblock %}

{% form_theme form _self %}
{% block _wbx_app_intervention_commandes_widget %}
	<table class="table" id="intervention_commandes" data-prototype="{{ form(form.vars.prototype)|e }}" data-widget-tags="tbody" data-widget-counter="{{ form.children|length }}">
		<tr>
			<th colspan="5">Commander une pièce</th>
		</tr>
		{% for commandeField in form %}
			<tr>
				{{ form_errors(commandeField) }}
				{{ form_widget(commandeField) }}
			</tr>
		{% endfor %}
	</table>
{% endblock %}
 
{% block _wbx_app_intervention_commandes_entry_widget  %}
	<tbody data-intervention-edit-target="rowExisting">
		<tr>
			<th>Fournisseur</th>
			<th class="order-label text-center">Pièce</th>
			{% if form.piece is not defined %} 
				{% if form.vars.data.fournisseur.isDeposit %}
					<th class="supplier-label" data-is-deposit="1">Dépôt de livraison</th>
				{% else %}
					<th class="supplier-label" data-is-deposit="0">Adresse de livraison</th>
				{% endif %}
			{% else %}
				<th class="supplier-label"></th>
			{% endif %}
			<th>Expédié</th>
			<th>Reçu</th>
		</tr>
		<tr>
			{% if form.piece is not defined %}
				{# si ligne existe #}
				<td>{{ form.vars.data.fournisseur.nom }}</td>
				<td class="supplier-order">{{ form.vars.data.piece }}</td>
				<td>{{ form.vars.data.adresseLivraison }}</td>
				<td>{{ form_widget(form.expedie) }}</td>
				<td>{{ form_widget(form.recu) }}</td>
			{% else %}
				<td>{{ form_widget(form.fournisseur) }}</td>
				<td class="supplier-order">{{ form_widget(form.piece) }}</td>
				<td>{{ form_widget(form.adresseLivraison) }}</td>
				<td>{{ form_widget(form.expedie) }}</td>
				<td>{{ form_widget(form.recu) }}</td>
				<td class="remove">
					<i class="remove-widget fa fa-trash-o" style="margin-left: 10px"></i>
				</td>
			{% endif %}
		</tr>
	</tbody>
{% endblock %}