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

{% block title %}{% endblock %}

{% block stylesheets %}
	{{ encore_entry_link_tags('task-kanban') }}
{% endblock %}

{% block javascripts %}
	{{ encore_entry_script_tags('task-kanban') }}
{% 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_redirect', { id: project.id }) }}">Projet :
					{{ project.acronym }}</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">Tableau Kanban</li>
		</ol>
	</nav>
{% endblock %}

{% set hasSidebar = true %}
{% set showSidebar = false %}
{% block sidebar %}
	{{ render(controller('App\\Controller\\SharedController::getProjectSideBarMenu', {acronym: project.acronym, step: step})) }}
{% endblock %}

{% block content %}
	<div class="row mb-1">
		{% include "tasks/kanban/_filter.html.twig" %}
	</div>
	<div class="row">
		{% for place in places %}
			{% if not is_feature_enabled(project, 'hide_' ~ place) %}
				<div class="col p-1">
					<div class="card rounded-4">
						<div class="card-header rounded-top-4">
							<p class="header-title text-primary fs-6 fw-bolder ps-0">{{ place | trans}}</p>
						</div>
						<div class="card-body taskboard-box task-kanban-body px-1 pt-1 " data-place="{{ place }}"></div>
					</div>
				</div>
			{% endif %}
		{% endfor %}
	</div>
	<div>
		{% include 'tasks/browse/_modal_detail.html.twig' %}
	</div>
{% endblock %}