{% 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_intermittent_home')}}">Portail intermittent</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Projet</li>
			</ol>
		</nav>
		<h2>Client
			{{ projet.client }}
			/ Projet	"{{ projet }}"
			{% if projet.statutProjet.nom == "En création" and projet.enabled != 1 %}
				<button class="btn btn-warning">
					<a href="{{path('app_intermittent_projet_edit',{'id':projet.id})}}">
						<i class="fa fa-pen"></i>
					</a>
				</button>
			{% endif %}
		</h2>
		<p>Ajouté le
			{{ projet.dateCreation|date('d/m/Y') }}
			| dernière modification
			{{ projet.dateDerniereModification|date('d/m/Y H:i') }}</p>
		<hr>
		{% include 'intermittent/prestation/prestations.html.twig' %}
		<hr>
		{% if projet.prestations|length > 0 %}
			{% include 'intermittent/prestation/tarification.html.twig' %}<hr>
		{% endif %}
		{% include 'intermittent/prestation/commentaires.html.twig' %}
		<hr>

		<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>
	</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {
	$('.addPrestation').click(function () {
		var id = this.id;
		var name = this.name;
		$('#modal-title').html("Ajout d'une prestation pour le projet <b>" + name+"</b>");
		$('#dataModal').modal("show");
		var url = Routing.generate('app_intermittent_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.");
				}
			}
		});
	});

	$('.editPrestation').click(function () {
		var id = this.id;
		var name = this.name;
		$('#modal-title').html("Edition de la prestation</b>");
		$('#dataModal').modal("show");
		var url = Routing.generate('app_intermittent_prestation_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.");
				}
			}
		});
	});

	$('.addCommentaire').click(function () {
		var id = this.id;
		var name = this.name;
		$('#modal-title').html("Ajout d'un commentaire pour le projet <b>" + name+"</b>");
		$('#dataModal').modal("show");
		var url = Routing.generate('app_intermittent_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.");
				}
			}
		});
	});
});
</script>
{% endblock %}