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

{% block title %}{% endblock %}

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

{% block javascripts %}
	{{ encore_entry_script_tags('task-details') }}
{% endblock %}

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

{% block sidebar %}
	{% include 'partials/_sidebar_menu.html.twig' %}
{% endblock %}

{% block content %}
	<div class="row">
		<div class="col-12">
			<div class="card rounded-4">
				<div class="card-header border-bottom rounded-top-4">
					<div class="row">
						<div class="col-6">
							<span class="badge badge-outline-secondary fs-5 fw-lighter">{{ task.acronym }}</span>
						</div>
						<div class="col-6 text-end">
							<button class="btn btn-link link-opacity-75-hover link-danger btn-sm waves-effect" data-bs-toggle="modal" data-bs-target="#problemModal">
								<i class="fa fa-times-circle"></i>
								Signaler un problème
							</button>
						</div>
					</div>
				</div>
				<div class="card-body">
					{% include 'tasks/browse/task-detail-content.html.twig'%}
				</div>
			</div>
		</div>
	</div>
	{% include 'tasks/browse/_modal_detail.html.twig' with {task: task}  %}
	{% include 'reported_problem/_modal_add_problem.html.twig' with { projectId: project.id } %}
{% endblock %}