{% 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" aria-current="page">Client
					{{ client }}</li>
				<li class="breadcrumb-item active" aria-current="page">Projets</li>
			</ol>
		</nav>
		<h2>Client
			{{ client }}
		</h2>

		<table class="table">
			<thead>
				<tr>
					<th></th>
					<th>Nom</th>
					<th>Description</th>
					<th>Date Création</th>
					<th>Date Modification</th>
					<th>actions</th>
				</tr>
			</thead>
			<tbody>
				{% for projet in projets %}
					<tr>
						<td>
							<a href="{{path('app_intermittent_projet_show',{'id':projet.id})}}">
								<button class="btn btn-info">
									<i class="fa fa-eye"></i>
								</button>
							</a>
						</td>
						<td>{{ projet.nom }}</td>
						<td>{{ projet.description }}</td>
						<td>{{ projet.dateCreation ? projet.dateCreation|date('d/m/Y') : '' }}</td>
						<td>{{ projet.dateDerniereModification ? projet.dateDerniereModification|date('d/m/Y H:i') : '' }}</td>
						<td>
							<a href="{{ path('app_intermittent_projet_edit', {'id': projet.id}) }}">
								<button class="btn btn-info">
									<i class="fa fa-pen"></i>
									<span></span>
								</button>
							</a>
						</td>
					</tr>
				</tbody>
			</tbody>
		</tr>
	{% else %}
		<tr>
			<td colspan="6">no records found</td>
		</tr>
	{% endfor %}
</tbody></table><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>{% endblock %}