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

{% block title %}App | Observation
{% endblock %}

{% block body %}
	{{ include("Admin/partials/title.html.twig", {'name':'Observation'} ) }}

	
	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<h4 class="card-title">Liste des Observation <a href="{{ path('app_activite_creer')}}" class="btn btn-secondary" style="float: right;"> Créer une activité</a></h4> <br>
					<div class="table-responsive">
						<table class="table product-overview" id="zero_config">
                            <thead>
                                <tr>
                                    <th>Nom du projet</th>
                                    <th>Nom de l'activité</th>
                                    <th>Date</th>
                                    <th>Participant</th>    
                                    <th>Note</th>
                                    <th>Remarque</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                {% for zone in zones_interventions %}
                                    <tr>
                                        <td>{{ zone.projet}}</td>
                                        <td>{{ zone.activite }}</td>
                                        <td>{{ zone.date_activite|date('Y-m-d') }}</td>
                                        <td>{{ zone.membre }}</td>    
                                        <td>
                                            {% if zone.note is not null %}
                                                {% if zone.note < 2.5 %}
                                                    <span style="color:red">{{ zone.note }}/5</span>
                                                {% else %}
                                                    <span style="color:rgb(29, 230, 63)">{{ zone.note }}/5</span>
                                                {% endif %}
                                            {% else %}
                                                /
                                            {% endif %}
                                        <td>
                                            {% if zone.rm_observateur is not null %}
                                                    <span style="color:rgb(29, 230, 63)">{{ zone.rm_observateur }}</span>
                                            {% else %}
                                                /
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if zone.note is null %}
                                                <a class="btn btn-secondary" href="{{ path('app_observation_creer', {'id': zone.idZone}) }}">Modifier</a></td>
                                                {% else %}
                                                <a class="btn btn-primary" href="{{ path('app_observation_creer', {'id': zone.idZone}) }}">Noter</a></td>
                                            {% endif %}
                                    </tr>
                                </div>
                                {% endfor %}
                            </tbody>
                        </table>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}