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

{% block title %}{% endblock %}

{% block stylesheets %}
	{{ encore_entry_link_tags('registers') }}
	{{ encore_entry_link_tags('reported_problem') }}
	{{ encore_entry_link_tags('risk') }}
{% endblock %}

{% block javascripts %}
	{{ encore_entry_script_tags('registers') }}
	{{ encore_entry_script_tags('reported_problem') }}
	{{ encore_entry_script_tags('risk') }}
{% 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, show : 'show'})) }}
{% endblock %}

{% block content %}
	<div class="row">
		<div class="col-12">
			<div class="card rounded-4 shadow-sm">
				{% include 'project/partials/_project_card_header.html.twig' %}
				<div class="card-body rounded-4" id="registers-tabs">
					<ul class="nav nav-pills navtab-bg nav-justified" id="registry-tabs" role="tablist">
						<li class="nav-item" role="presentation">
							<a class="nav-link active" id="incident-tab" data-bs-toggle="tab" data-bs-target="#incident" type="button" role="tab" aria-controls="incident" aria-selected="true">
								<i class="mdi mdi-alert-circle-outline me-2"></i>Incidences
							</a>
						</li>
						<li class="nav-item" role="presentation">
							<a class="nav-link" id="risk-tab" data-bs-toggle="tab" data-bs-target="#risk" type="button" role="tab" aria-controls="risk" aria-selected="false">
								<i class="mdi mdi-radiobox-marked me-2"></i>Risques
							</a>
						</li>
					</ul>

					<div class="tab-content" id="registry-tabs-content">
						<div class="tab-pane fade show active" id="incident" role="tabpanel" aria-labelledby="incident-tab">
							{% include 'reported_problem/index.html.twig' %}
							{% include 'reported_problem/_modal_add_problem.html.twig' with {projectId : project.id} %}
							{% include 'reported_problem/_modal_display_problem.html.twig' %}
						</div>

						<div class="tab-pane fade" id="risk" role="tabpanel" aria-labelledby="risk-tab">
							{% include 'risk/index.html.twig' %}
							{% include 'risk/_modal_detail_risk.html.twig' %}
							{% include 'risk/_modal_add_risk.html.twig' with {projectId : project.id} %}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="action-bar d-flex justify-content-around align-items-center">
		{{ project_action_buttons(project) }}
	</div>

{% endblock %}