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

{% block title %}
	{{ student }}
{% endblock %}

{% block body %}
	<div class="row">
		<div class="col-md-12 grid-margin">
			<div class="d-flex justify-content-between flex-wrap">
				<div class="d-flex align-items-end flex-wrap">
					<div class="d-flex">
						<i class="mdi mdi-home text-muted hover-cursor"></i>
						<p class="text-muted mb-0 hover-cursor">
							&nbsp;/&nbsp;
							{% if is_granted('ROLE_SUPER_ADMIN') == true %}
								<a class="student-dashbord-service" href="{{ "/details/adherent/" ~ student.customer.id ~ "?tab=students-tab" }}">Élèves</a>
							{% else %}
								<a class="student-dashbord-service" href="{{ path("students_list") }}">Élèves</a>
							{% endif %}
							&nbsp;/&nbsp;
						</p>
						<p class="text-primary mb-0 hover-cursor">{{ student }}</p>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="row">
		<div class="col-md-12 grid-margin stretch-card">
			<div class="card">
				<div class="card-body bloc-radius bloc-border bloc-box-shadow">
					<div
						class="row">
						{# <div class="col-sm-3">
						        		{{ include('student/includes/nav_bar_show.html.twig') }}
						            </div> #}
						<div
							class="col-sm-12">
							{#
							                {% if studentEnpcAccount %}
							                    <div class="row mb-2">
							                        <div class="col-sm-12">
							                            <form action="https://sso.enpc-center.fr/cas/login" method="POST" target="_blank" rel="noopener noreferrer"  className="enpc-form-login">
							                                <input type="hidden" name="username" value="{{studentEnpcAccount.loginEnpc}}" />
							                                <input type="hidden" name="password" value="{{studentEnpcAccount.pwdEnpc}}" />
							                                <input type="hidden" name="service" value="https://inris.prepacode-enpc.fr/" />
							                                <input type="hidden" name="auto" value="true" />
							                                <input type="hidden" name="errorPage" value="" />
							                                <input type="submit" class="btn btn-sm btn-success" style="color:white" value="Accéder a la fomation" />
							                            </form>
							                        </div>
							                    </div>
							                {% endif %}                        
							                #}
							<div class="row">
								<div class="col-md-12 grid-margin stretch-card">
									<div class="card">
										<div class="card-body">
											<div class="row">
												<p class="mb-1 card-title">
													<i class="mdi mdi-buffer menu-icon"></i>
													<span class="pl-2">Inscription aux formations</span>
												</p>
												{{ include('enpc/includes/bloc_register_applications_form.html.twig') }}
												<p class="mb-1 mt-3 card-title">
													<i class="mdi mdi-application menu-icon"></i>
													<span class="pl-2">Liste des applications de l'élève</span>
												</p>
												{{ include('enpc/includes/bloc_student_applications.html.twig') }}
												{% if (iframePracticeStatsLink and iframeTheoryStatsLink) %}
													<p class="mb-1 mt-3 card-title">
														<i class="mdi mdi-chart-areaspline menu-icon"></i>
														<span class="pl-2">Statistiques / suivi</span>
													</p>
													{{ include('enpc/includes/bloc_student_stats.html.twig') }}
												{% endif %}
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Hidden routs -->
		<input type="hidden" id="route_get_sub_category" value="{{ path('sub_categories') }}">
		<input
		type="hidden" id="route_submit_auto" value="{{ path('enpc_create_allinone', {'id' : student.id}) }}">
	<!-- Modal delete manager -->
	{% endblock %}
	{% block pageJavascript %}
		<script>
			$(document).ready(function () { // init select 2 if exists
if ($('.select2')) { // init select 2 if exists
$(".select2").select2({language: "fr", width: "100%"});
}

getSubCategories($('#enpc_driverLicenses').val());
return false;
});
// submit
$(document).on('click', '#enpc_submit', async function (e) {
e.preventDefault();
const route = $("#route_submit_auto").val();
const submittedData = $('form').serializeArray();
await $.ajax({
type: "POST",
header: 'Content-type: application/json',
url: route,
data: submittedData,
cache: false,
success: function (e) {
var response = JSON.parse(e);
if (response.state == 'error') {
$('#alert-message').html(response.message);
$('#show-alert').removeClass('alert-success').addClass('alert-danger')
$('#show-alert').show()
} else {
const arrayMessages = response.message;
let retrunMessage = 'Résumé:<br />';
if (arrayMessages != null) {
// message account creation
// retrunMessage += arrayMessages.account ? arrayMessages.account.message : '';
// message driver license creation
if (arrayMessages.driverLicense != null) {
arrayMessages.driverLicense.forEach(element => {
retrunMessage += ' => ' + element.ref + ' : ' + element.message + '<br />'
});
}
// message applications creations
if (arrayMessages.applications != null) {
arrayMessages.applications.forEach(element => {
retrunMessage += ' => ' + element.ref + ' : ' + element.message + '<br />'
});
}
}
$('#alert-message').html(retrunMessage);
$('#show-alert').removeClass('alert-danger').addClass('alert-success')
$('#show-alert').show()
}
}
});
});
// change input formation
$(document).on('change', '#enpc_driverLicenses', function (e) {
getSubCategories($(this).val());
return false;
});
async function getSubCategories(categories) {
const filieres = $("#sub-category");
$("#filiers-bloc").show();
$("#loader-sub-category").show();
let route = $("#route_get_sub_category").val();
if (categories) {
await $.ajax({
type: "POST",
url: route,
data: {
'driverLicensesRefs': [categories]
},
cache: false,
success: function (e) {
var response = JSON.parse(e);
if (response.state == 'error') {
alert(response.message);
} else {
const data = response.subCategoriesRefs;
filieres.empty();
if (data && data.length > 0) {
filieres.append($('<option>', {
value: '',
text: ''
}));
var identifiant = '';
data.map(function (element) {
identifiant = element.identifiant;
if (element.identifiant === 'aac') {
identifiant = 'AAC';
} else if (element.identifiant === 'cs') {
identifiant = 'Conduite Supervisée';
} else if (element.identifiant === 'tradi') {
identifiant = 'Traditionnelle';
} else if (element.identifiant === 'ce') {
identifiant = 'Conduite Encadrée';
}

filieres.append($('<option>', {
value: element.id,
text: identifiant
}));
})
$("#loader-sub-category").hide();
$("#filiers-bloc").show();
} else {
$("#loader-sub-category").hide();
$("#filiers-bloc").hide();
}
}
}
});
}
}
		</script>
	{% endblock %}