{% 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_administration_home')}}">Portail administration</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Sociétés</li>
			</ol>
		</nav>
		<h2>Société{{ prestation.projet.societe }}/ Projet	"{{ prestation.projet }}"/ Prestation	"{{ prestation.nom }}"
			<button class="btn btn-warning picto-item" aria-label="Editer la prestation">
				<a href="{{path('app_administration_prestation_edit',{'id':prestation.id})}}">
					<i class="fa fa-pen"></i>
				</a>
			</button>
		</h2>
		<hr>


        <h4>
	<i class="fa fa-list"></i>
	Liste des recrutements
	<a href="{{ path('app_administration_recrutement_new',{'id':prestation.id}) }}">
        <button class="btn btn-success picto-item" aria-label="Ajouter un recrutement">
            <i class="fa fa-plus"></i>
            <span></span>
        </button>
    </a>
</h4>
{% set totalPresta = 0 %}
{% if prestation.recrutements|length > 0 %}
	<table id="maTable" class="table striped">
		<thead>
			<tr>
				<th></th>
				<th>#</th>
				<th>Prestataire</th>
				<th>Métier</th>
				<th>Heure(s)/j</th>
				<th>Jour(s) de travail</th>
				<th>Type salaire</th>
				<th>Salaire/j (€)</th>
				<th>Total (€)</th>
				<th>Embauche</th>
			</tr>
		</thead>
		<tbody>
			{% set idEmbauche = 1 %}
			{% for recrutement in prestation.recrutements %}
				<tr class="td-pointeur{% if recrutement.statutEstimation == "refusé" %} info-red{% endif %}" onclick="location.href='{{ path('app_administration_recrutement_edit', {'id': recrutement.id}) }}'">
                    <td>
                        <a href="{{ path('app_administration_recrutement_delete', {'id': recrutement.id}) }}">
                            <button class="btn btn-danger picto-item" aria-label="Supprimer le recrutement">
                                <i class="fa fa-trash"></i>
                                <span></span>
                            </button>
                        </a>
                    </td>
					<td>
						{{ idEmbauche }}
						{% set idEmbauche = idEmbauche + 1 %}
					</td>
					<td>{{ recrutement.intermittent }}</td>
					<td>{{ recrutement.typePrestation }}</td>
					<td>{{ recrutement.heuresParJour }}</td>
					<td>{{ recrutement.recrutementDates|length }}</td>
					<td>{{ recrutement.typeSalaire }}</td>
					<td>{{ recrutement.salaireParJour }}</td>
					<td>
						{% set total = recrutement.recrutementDates|length * recrutement.salaireParJour %}
						{{ total }}
					</td>
					<td>{% for recrutementDate in recrutement.recrutementDates %}{{ recrutementDate.date|date('d/m/Y') }}<br/>{% endfor %}</td>
				</tr>
			{% endfor %}
		</tbody>
	</table>
{% else %}
	{% include 'app/noResult.html.twig' %}
{% endif %}</p>
<div class="row">
	<div class="col col-lg-6">
		<a href="{{ path('app_administration_prestation_index') }}" class="btn btn-danger"><i class="fa fa arrow-left"></i> Retour liste prestations</a>
	</div>
</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',
	});
});
		</script>
	{% endblock %}