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

{% block title %}Projet
{% 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_administration_home')}}">Portail administration</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Projets</li>
			</ol>
		</nav>
		<h2>Client
			{{ projet.client }}
			/ Projet	"{{ projet }}"
            <button class="btn btn-warning">
                <a href="{{path('app_administration_projet_edit',{'id':projet.id})}}">
                    <i class="fa fa-pen"></i>
                </a>
            </button>
		</h2>
		<p>Ajouté le
			{{ projet.dateCreation|date('d/m/Y') }}
			| dernière modification
			{{ projet.dateDerniereModification|date('d/m/Y H:i') }}</p>
		<hr>
		
        

<h4>
	<i class="fa fa-list"></i>
	Le projet soumis
    <a href="#" class="addPrestation" id="{{projet.id}}" name="{{projet.nom}}">
        <button class="btn btn-success">
            <i class="fa fa-plus"></i>
            <span></span>
        </button>
    </a>
</h4>
{% set totalPresta = 0 %}
{% if projet.prestations|length > 0 %}
	<table id="maTable" class="table striped">
		<thead>
			<tr>
				<th></th>
				<th>Désignation</th>
				<th>Quantité</th>
				<th>Prix Unitaire</th>
				<th>Total</th>
			</tr>
		</thead>
		<tbody>
			{% for prestation in projet.prestations %}
				<tr>
                    <td>
                        <a href="{{ path('app_administration_prestation_intermittent_delete', {'id': prestation.id}) }}">
                            <button class="btn btn-danger">
                                <i class="fa fa-trash"></i>
                                <span></span>
                            </button>
                        </a>
						<a href="{{ path('app_administration_prestation_intermittent_edit', {'id': prestation.id}) }}">
                            <button class="btn btn-warning">
                                <i class="fa fa-pen"></i>
                                <span></span>
                            </button>
                        </a>
                    </td>
					<td>
						<b>{{ prestation.nom }}</b><br/>
						{{ prestation.description|nl2br }}</td>
					<td>
						{% if prestation.quantite == null %}Forfait
						{% else %}
							{{ prestation.quantite }}
						{% endif %}
					</td>
					<td>
						{% if prestation.quantite == null %}
							{{ prestation.forfaitHT }}
							€
						{% else %}
							{{ prestation.prixUnitaire }}
							€
						{% endif %}
					</td>
					<td>
						<b>
							{% if prestation.forfaitHT == null %}
								{% set total = prestation.prixUnitaire * prestation.quantite %}{{ total }}
								{% set totalPresta = totalPresta + total %}
								€
							{% else %}
								{{ prestation.forfaitHT}}
								{% set totalPresta = totalPresta + prestation.forfaitHT %}
								€
							{% endif %}
						</b>
					</td>
				</tr>
			{% endfor %}
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td>
					<b>Total HT</b>
				</td>
				<td>
					<b>{{ totalPresta }}</b>
					€</td>
			</tr>
		</tbody>
	</table>
{% else %}
	{% include 'app/noResult.html.twig' %}
{% endif %}

		<hr>
		<hr>

		<a href="{{path('app_administration_projet_index')}}">
			<button class="btn btn-block btn-danger">
				<i class="fa fa-arrow-left"></i>
				<span>Retour</span>
			</button>
		</a>
	</div>
{% endblock %}
{% block javascripts %}
	<script type="text/javascript">
$(document).ready(function () {
	new DataTable('#maTable', {
		language: {
			"info": "Résultats _START_ à _END_ sur _TOTAL_",
			"emptyTable":     "Aucun résultat",
			"search":         "Chercher:",
			"zeroRecords":    "Aucun résultat",
			"paginate": {
				"first":      "<<",
				"last":       ">>",
				"next":       ">",
				"previous":   "<"
			},
			
		},
		fixedHeader: true,
		paging: false,
		responsive: true,
		dom: 'frtip',
	});
	$('.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_administration_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.");
}
}
});
});

});
	</script>
{% endblock %}