{% extends 'layout/content.html.twig' %}

{% block title %}{% endblock %}

{% block stylesheets %}
	{{ encore_entry_link_tags('followup') }}
{% endblock %}

{% block javascripts %}
	{{ encore_entry_script_tags('followup') }}
{% endblock %}

{% block breadcrumb %}
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb bg-white px-3 py-2 rounded shadow-sm rounded-pill align-items-center">
			<li class="breadcrumb-item d-flex align-items-center">
				<a href="{{ url('app_task_index') }}" class="text-primary">
					<i class="fa fa-home me-1"></i>
					Accueil
				</a>
			</li>
			<li class="breadcrumb-item">
				<a href="{{ url('app_project_list') }}">Projets</a>
			</li>
			<li class="breadcrumb-item">
				<a href="{{ url('app_project_details', { acronym: project.acronym }) }}">Projet :
					{{ project.acronym }}</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">Suivi Évaluation</li>
		</ol>
	</nav>
{% endblock %}

{% block sidebar %}
	{{ render(controller('App\\Controller\\SharedController::getProjectSideBarMenu', {acronym: project.acronym, step: step, show : 'show'})) }}
{% endblock %}

{% block content %}
	<div class="row" id="project-details" data-app-project-id="{{ project.id }}">
		<div class="col-12">
			<div class="card rounded-4">
				{% include 'project/partials/_project_card_header.html.twig' %}
				<div class="card-body mb-3">
					{% if(monitored is not empty) %}
						{% include 'project/followup/_activities_table.html.twig' with {
                            milestonesByMonth : monitored,
                            title : 'Activités suivis',
                            actions : 'monitored'
                        } %}
					{% endif %}
					{% if(responsibleFor is not empty) %}
						{% include 'project/followup/_activities_table.html.twig' with {
                            milestonesByMonth : responsibleFor,
                            title : 'Activités dont vous êtes responsables',
                            actions : 'responsibleFor'
                        } %}
					{% endif %}
					{% if monitored is empty and responsibleFor is empty %}
						<div class="kanban-box text-center py-5 border rounded-4 shadow-sm bg-light">
							<div class="mb-3">
								<i class="mdi mdi-calendar-alert mdi-48px text-muted"></i>
							</div>
							<p class="fs-5 text-muted">Pas d'activité pour le moment.</p>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
	<div class="action-bar d-flex justify-content-around align-items-center">
		{{ project_action_buttons(project) }}
	</div>
{% endblock %}