{% extends 'base.html.twig' %}

{% block title %}Gamedu - Homepage
{% endblock %}

{% block body %}
	<div class='row'>
		<div class='col-2 p-4 shadow-lg' style='height:100vh;background-color:#e5ab66'>
			<div class='row'>
				<div class='col-6 text-center'>
					<img src="{{ asset('images/monster.png') }}" class='rounded-circle shadow-lg' style='width:100%;'>
					<b>Niveau</b><br/>
					0<br/>
				</div>
				<div class='col-6'>
					<b>Profil</b><br/>
					{{app.user.username}}<br/>
					<b>Mes groupes</b><br/>
					{% if app.user.activityGroups is not empty %}
						{% for activityGroup in app.user.activityGroups %}
							<div class='row'>
								<div class='col-8'>{{activityGroup.name}}</div>
								<div class='col-4'>
									<a href='{{path('app_student_activity_group_delete',{'id':activityGroup.id})}}' class='btn btn-danger p-0'>
										<i class="bi bi-x"></i>
									</a>
								</div>
							</div>
						{% endfor %}
					{% else %}
						Aucun groupe
					{% endif %}
				</div>
			</div>
			<hr/>
			<div class="d-grid gap-2">
				<a href='{{path('student_homepage')}}' class='btn btn-primary'>Quitter l'activité</a>
				<a href='{{path('authentication_logout')}}' class='btn btn-danger'>Se déconnecter</a>
			</div>
		</div>
		<div class='col-10 p-4'>
			<div class='row m-4'>
				<div class='col-12 bg-dark border rounded p-2' style='height:85vh'>
					<div class='row'>
						<div class='col-8'>
							<h3 class='text-white'>Mission
								{{activity_mission.number}}</h3>
						</div>
						<div class='col-2'>
							<div class="d-grid gap-0">
								{% if(activityRegistration.missionProgress != 1) %}
									<a href='{{path('app_student_activity_mission_change',{'value':-1,'idActivityRegistration':activityRegistration.id})}}' class="btn btn-primary" type="button">Mission précédente</a>
								{% endif %}
							</div>
						</div>
						{% if((activity.activityMissions|length - 1) > activity_mission.number) %}
						<div class='col-2'>
							<div class="d-grid gap-0">
									{% if(mission_done) %}
										<a href='{{path('app_student_activity_mission_change',{'value':1,'idActivityRegistration':activityRegistration.id})}}' class="btn btn-success" type="button">Mission suivante</a>
									{% else %}
										<a href='{{path('app_student_activity_mission_change',{'value':1,'idActivityRegistration':activityRegistration.id})}}' class="btn btn-primary" type="button">Mission suivante</a>
									{% endif %}
							</div>
						</div>
						{% endif %}
					</div>
					<div class='row m-2'>
						<div class='col-12 border rounded p-0' style='height:45vh;overflow-y:auto;overflow-x:hidden;background-color:rgb(255,255,255)'>
							{% include 'student/activity_content/'~activity_mission.number~'.html.twig' %}
						</div>
						<div class='col-12 border rounded p-0 mt-4' style='height:30vh;overflow-y:auto;overflow-x:hidden;background-color:rgb(255,255,255)'>
							{% for task in activity_mission.activityMissionTasks %}
								<h5>
									{% if task.activityMissionReplies is empty %}
										<i class="bi bi-hourglass text-warning"></i>
									{% else %}
										<i class="bi bi-check2-square text-success"></i>
									{% endif %}

									{{task.content}}
								</h5>
								<div class="d-grid gap-2 d-md-flex justify-content-md-end">
									<button class='btn btn-primary' data-bs-toggle="modal" data-bs-target="#taskModal{{task.id}}">
										<i class="bi bi-reply"></i>
										Ajouter une réponse
									</button>
								</div>

								<!-- Modal -->
								<div class="modal fade modal-xl" id="taskModal{{task.id}}" tabindex="-1" aria-labelledby="taskModalLabel{{task.id}}" aria-hidden="true">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header">
												<h1 class="modal-title fs-5" id="taskModalLabel{{task.id}}">Ajouter une réponse</h1>
												<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
											</div>
											<div class="modal-body">
												{{ form_start(form_activity_mission_replies[task.id]) }}
												{{ form_errors(form_activity_mission_replies[task.id]) }}

												{{ form_row(form_activity_mission_replies[task.id].content) }}
												<span class='row text-center'>
													{{ form_row(form_activity_mission_replies[task.id].submit, { 'label': 'Valider'}) }}
												</span>
												{{ form_end(form_activity_mission_replies[task.id]) }}
											</div>
											<div class="modal-footer"></div>
										</div>
									</div>
								</div>
								<hr/>
								{% for reply in task.activityMissionReplies %}
									<div class='row'>
										<div class='col-1 text-center'>
											{{reply.user.username}}
										</div>
										<div class='col-10'>
											{{reply.content}}
										</div>
										<div class='col-1'>
											<a href='{{path('student_activity_mission_reply_delete',{'activityMissionReplyId':reply.id})}}' class='btn btn-danger p-0'>
												<i class="bi bi-x"></i>
											</a>
										</div>
									</div>
									<hr/>
								{% endfor %}
							{% endfor %}
						</div>
					</div>
				</div>
			</div>
		</div>
	{% endblock %}