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

{% block tour_id 'project-calendar' %}

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

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

{% block breadcrumb %}
	{{ render(controller('App\\Controller\\SharedController::getBreadcrumb', {type: 'project', id: project.id })) }}
{% endblock %}

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

{% block content %}

	{# ============================================================
	    Header projet OSEP
	    ============================================================ #}
	<header class="osep-projects-head mb-3" data-tour="project-calendar-head">
		<div class="left">
			<div class="icon-tile"><i class="mdi mdi-calendar-clock-outline"></i></div>
			<div class="info">
				<div class="osep-projects-head__chips">
					<span class="osep-chip osep-chip--label">Calendrier projet</span>
					<span class="osep-chip osep-chip--acronym">{{ project.acronym }}</span>
				</div>
				<h1 title="{{ project.name }}">Direction du projet — agenda</h1>
			</div>
		</div>
		<div class="actions">
			<button type="button"
				class="osep-btn osep-btn--primary"
				data-bs-toggle="modal" data-bs-target="#eventModal"
				id="btnNewEvent"
				data-tour="project-calendar-new">
				<i class="mdi mdi-plus me-1"></i>
				Nouvel événement
			</button>
		</div>
	</header>

	{# ============================================================
	    Légende
	    ============================================================ #}
	<section class="osep-calendar-legend" data-tour="project-calendar-legend">
		<span class="osep-calendar-legend__label">Légende :</span>
		<span class="osep-calendar-legend__chip" style="--c:#C2363D">
			<i class="mdi mdi-help-circle-outline"></i> Décision requise
		</span>
		<span class="osep-calendar-legend__chip" style="--c:#13386A">
			<i class="mdi mdi-gavel"></i> COPIL
		</span>
		<span class="osep-calendar-legend__chip" style="--c:#0A7C42">
			<i class="mdi mdi-check-decagram"></i> Décision prise
		</span>
		<span class="osep-calendar-legend__chip" style="--c:#1E4A85">
			<i class="mdi mdi-clipboard-text-outline"></i> Réunion
		</span>
		<span class="osep-calendar-legend__chip" style="--c:#C9A659">
			<i class="mdi mdi-clock-fast"></i> Échéance
		</span>
		<span class="osep-calendar-legend__chip" style="--c:#94a3b8">
			<i class="mdi mdi-account-group-outline"></i> Public (sans assigné)
		</span>
	</section>

	{# ============================================================
	    Calendrier projet — alimenté par /project/{acronym}/calendar/events
	    ============================================================ #}
	<section class="osep-card osep-calendar-wrap" data-tour="project-calendar-grid">
		<div id="calendar"
			data-initial-view="dayGridMonth"
			data-event-source="{{ path('app_project_calendar_events', {acronym: project.acronym}) }}"
			data-event-save-url="{{ path('app_calendar_event_save') }}"
			data-event-detail-url="{{ path('app_calendar_event_details', {id: 0}) }}"
			data-event-delete-url="{{ path('app_calendar_event_delete', {id: 0}) }}"
			data-locked-project-id="{{ project.id }}"
		></div>
	</section>

	{# Modal CRUD avec projet pré-rempli/verrouillé #}
	{% include 'calendar/_modal_event_form.html.twig' with {
		creatableTypes: creatableTypes ?? [],
		projectUsers: projectUsers ?? [],
		currentProject: project,
	} %}

{% endblock %}