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

{% block title %}Client
{% endblock %}

{% block body %}
	<style>
		hr {
			margin-bottom: 50px;
			border: 0;
			height: 3px;
			background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
			background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
		}
	</style>
	{# {% include 'app/modal.html.twig' %} #}
	<div class="row bg-white rounded p-3">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item " aria-current="page">
					<a href="{{path('app_accueil')}}">
						<i class="fa fa-home"></i>
					</a>
				</li>
				<li class="breadcrumb-item" aria-current="page">
					<a href="{{path('app_intermittent_home')}}">Portail intermittent</a>
				</li>
				<li class="breadcrumb-item" aria-current="page">Client "{{ client }}"</li>
				<li class="breadcrumb-item active" aria-current="page">Adresses de facturation</li>
			</ol>
		</nav>
		<h2>Client
			{{ client }}
			/ Adresses de facturation
		</h2>
		<hr>
		<h4>
			<i class="fa fa-list"></i>
			Vos adresses de facturation
			<a href="#" class="addAdresse" id="{{client.id}}" name="{{client.nom}}">
				<button class="btn btn-success picto-item" aria-label="Ajouter une adresse">
					<i class="fa fa-plus"></i> Ajouter
					<span></span>
				</button>
			</a>
		</h4>
		{% if client.adresseFacturationClients|length > 0 %}
			<table class="table">
				<thead>
					<tr>
						<th>Adresse</th>
						<th>Adresse 2</th>
						<th>Code postal</th>
						<th>Ville</th>
						<th>Pays</th>
						<th>Principale ?</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for adresseFacturationClient in client.adresseFacturationClients %}
						<tr>
							<td>{{ adresseFacturationClient.adresse }}</td>
							<td>{{ adresseFacturationClient.adresse2 }}</td>
							<td>{{ adresseFacturationClient.codePostal }}</td>
							<td>{{ adresseFacturationClient.ville }}</td>
							<td>{{ adresseFacturationClient.pays }}</td>
							<td>{{ adresseFacturationClient.isPrincipale ? "<i class='fa fa-check' style='color:green'></i>":"<i class='fa fa-x' style='color:red'></i>" }}</td>
							<td>
								<a href="#" class="editAdresse" id="{{adresseFacturationClient.id}}" name="{{adresseFacturationClient.client.nom}}">
									<button class="btn btn-warning picto-item" aria-label="Modifier">
										<i class="fa fa-pen"></i>
										<span></span>
									</button>
								</a>
								<a href="{{ path('app_intermittent_adresse_facturation_client_delete',{'id':adresseFacturationClient.id })}}">
									<button class="btn btn-danger picto-item" aria-label="Supprimer">
										<i class="fa fa-trash"></i>
										<span></span>
									</button>
								</a>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</tr>
		</tbody>
	</tbody>
</table>{% else %}
{% include 'app/noResult.html.twig' %}{% endif %}<a href="{{path('app_intermittent_home')}}">
<button class="btn btn-block btn-danger">
	<i class="fa fa-arrow-left"></i>
	<span>Retour</span>
</button></a></tbody></div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {
	$('.addAdresse').click(function () {
		var id = this.id;
		var name = this.name;
		$('#modal-title').html("Ajout d'une adresse pour le client " + name);
		$('#dataModal').modal("show");
		var url = Routing.generate('app_intermittent_client_adresse_facturation_new_by_modal', {
			'id': id
		}, true);

		$.ajax({
			url: url,
			success: function (data) {
				$('#modal_detail').html($(data).html());
				$('#dataModal').modal("show");
			},
			error: function (xhr, ajaxOptions, thrownError) {
				if (xhr.status == 404) {
					$('#modal_detail').html("Aucun enregistrement.");
				}
			}
		});
	});
	$('.editAdresse').click(function () {
		var id = this.id;
		var name = this.name;
		$('#modal-title').html("Modification d'une adresse pour le client " + name);
		$('#dataModal').modal("show");
		var url = Routing.generate('app_intermittent_client_adresse_facturation_edit_by_modal', {
			'id': id
		}, true);

		$.ajax({
			url: url,
			success: function (data) {
				$('#modal_detail').html($(data).html());
				$('#dataModal').modal("show");
			},
			error: function (xhr, ajaxOptions, thrownError) {
				if (xhr.status == 404) {
					$('#modal_detail').html("Aucun enregistrement.");
				}
			}
		});
	});
});
</script>
{% endblock %}