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

{% block title %}
	Société
	{{ societe.nomSociete }}
{% endblock %}

{% block body %}
	{# {% include 'app/modal.html.twig' %} #}
	<div class="row bg-white rounded p-3">
		<h2>Société
			{{ societe.nomSociete }}
			représentée par
			{{ societe.nomContact }}</h2>
		<p>Vous pouvez ici gérer vos projets.
		</p>
		{% set erreurs ="" %}
		{% if societe.adresseFacturationSocietes|length == 0 %}
			{% set erreurs = erreurs ~ "- Il manque à minima une adresse de facturation. " %}
		{% endif %}
		{% if societe.siren == null %}
			{% set erreurs = erreurs ~ "- Votre SIREN est nul." %}
		{% endif %}
		{% if erreurs != null %}
			{% include 'app/societeIncomplete.html.twig' %}
		{% endif %}
		<div class="row" style="margin-bottom:10px">
			<h2>Vos projets</h2>
			<div style="display:inline-block">
				<a href="#" class="addProjet" id="{{societe.id}}" name="{{societe.nomSociete}}">
					<button class="btn btn-warning">
						<i class="fa fa-plus"></i>
						<span>Ajouter</span>
					</button>
				</a>
				<a href="{{ path('app_societe_projet_archives',{'id':societe.id}) }}">
					<button class="btn btn-info">
						<i class="fa fa-eye"></i>
						<span>Projets archivés ({{ projetsArchives|length }})</span>
					</button>
				</a>
			</div>
		</div>
		<div class="row">
			{% if projets|length > 0 %}
				<table class="table">
					<thead>
						<tr>
							<th>#</th>
							<th>Projets</th>
						</tr>
					</thead>
					<tbody>
						{% for projet in projets %}
							<tr class="td-pointeur" onclick="location.href='{{ path('app_societe_projet_show',{'id':projet.id}) }}'">
								<td>
									<a href="{{ path('app_societe_projet_edit', {'id': projet.id}) }}">
										<button class="btn btn-success picto-item" aria-label="Modifier le projet">
											<i class="fa fa-pen"></i>
											<span></span>
										</button>
									</a>
									<a href="{{ path('app_societe_projet_set_archive', {'id': projet.id}) }}">
										<button class="btn btn-danger picto-item" aria-label="Archiver le projet">
											<i class="fa fa-archive"></i>
											<span></span>
										</button>
									</a>
								</td>
								<td>{{ projet.nom }} ({{ projet.prestations|length }} prestation{% if projet.prestations|length > 1%}s{% endif %})</td>
							</tr>
						</tbody>
					</tbody>
				</table>
			{% endfor %}
		{% else %}
			{% include 'app/noResult.html.twig' %}
		{% endif %}
	</div>
</div>{% endblock %}{% block javascripts %}
<script type="text/javascript">
	$(document).ready(function () {
$('.addProjet').click(function () {
var id = this.id;
var name = this.name;
$('#modal-title').html("Ajout d'un projet pour la société " + name);
$('#dataModal').modal("show");
var url = Routing.generate('app_societe_projet_new_by_modal');

$.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.");
}
}
});
});


$('.addPrestation').click(function () {
var id = this.id;
var name = this.name;
$('#modal-title').html("Ajout d'une prestation pour le projet " + name);
$('#dataModal').modal("show");
var url = Routing.generate('app_societe_prestation_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.");
}
}
});
});

$('.viewPrestations').click(function () {
var id = this.id;
var name = this.name;
$('#modal-title').html("Liste des prestations sur le projet " + name);
$('#dataModal').modal("show");
var url = Routing.generate('app_societe_prestation_index_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 %}