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

{% block title %}Prestation
{% 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_societe_home')}}">Portail société</a>
				</li>
				<li class="breadcrumb-item" aria-current="page">
					<a href="{{path('app_societe_projet_show',{'id':prestation.projet.id})}}">Projet
						{{ prestation.projet.nom }}</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Prestation</li>
			</ol>
		</nav>
		<h2>Société{{ prestation.projet.societe }}/ Projet	"{{ prestation.projet }}"/ Prestation	"{{ prestation.nom }}"
			<a href="{{path('app_societe_prestation_edit',{'id':prestation.id})}}">
				<button class="btn btn-warning picto-item" aria-label="Editer la prestation">
						<i class="fa fa-pen"></i><span></span>
				</button>
			</a>
		</h2>
		<hr>
		{% include 'societe/prestation/recrutements.html.twig' %}
		<hr>
		{% include 'societe/prestation/etatAvancement.html.twig' %}
		<hr>
		{% include 'societe/prestation/devis.html.twig' %}<hr>		
		{% include 'societe/prestation/commentaires.html.twig' %}
	{% endblock %}
	{% block javascripts %}
		<script type="text/javascript">
			$(document).ready(function () {
$('.addCommentaire').click(function () {
var id = this.id;
var name = this.name;
$('#modal-title').html("Ajout d'un commentaire pour la prestation " + name);
$('#dataModal').modal("show");
var url = Routing.generate('app_societe_commentaire_new', {
'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.");
}
}
});
});

$('.addRecrutement').click(function () {
var id = this.id;
var name = this.name;
$('#modal-title').html("Ajout d'un recrutement pour la prestation " + name);
$('#dataModal').modal("show");
var url = Routing.generate('app_societe_recrutement_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 %}