{% extends 'base/family/base_family.html.twig' %}
{% block title %}{% trans %}app_name{% endtrans %} | {{'Connexion'}}{% endblock %}
{% block footer %}
{% include 'base/family/base_footer_login.html.twig' %}
{% endblock %}
{% block body %}
<div class="pt-32pt pt-sm-64pt pb-32pt">
<div class="container page__container">
<div class="page-section">
<form action="{{ path('auth_signin') }}" method="POST" class="col-md-4 signin-form col-sm-5 col-xs-6 p-0 mx-auto">
<input type="hidden" id="token" name="token" value="{{ csrf_token('authenticate') }}" />
<div class="d-flex mb-20 flex-row justify-content-center align-items-center text-center">
<img
class="navbar-brand-icon mr-0 mr-lg-8pt"
src="{{ asset('assets/backend/images/logo/logo_text_100.png') }}" alt="{{'app_name'|trans}}"
/>
</div>
<div class="form-group mt-5">
<label class="form-label" for="password">{{'family_phone'|trans}}</label>
<div class="input-group mb-3">
<input
id="password"
type="text"
name="password"
class="form-control"
placeholder="{{'family_phone'|trans}}"
/>
<div class="input-group-append">
<span class="input-group-text" onclick="showInfo('{{'phone_or_number_family_info'|trans}}')" id="basic-addon2"><i class='bx bx-info-circle' ></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="form-label" for="email">{{'student_register_number'|trans}}</label>
<div class="input-group mb-3">
<input
id="identity"
name="identity"
type="text"
class="form-control"
placeholder="{{'student_register_number'|trans}}"
/>
<div class="input-group-append">
<span class="input-group-text" onclick="showInfo('{{'student_identifier_info'|trans}}')" id="basic-addon2"><i class='bx bx-info-circle' ></i></span>
</div>
</div>
</div>
<div class="form-group">
<label class="form-label" for="name">{{'student_name'|trans}}</label>
<div class="input-group relative mb-3">
<input
id="name"
type="text"
name="name"
class="form-control"
placeholder="{{'student_name'|trans}}"
/>
<div class="input-group-append icon-info" >
<span class="input-group-text" onclick="showInfo('{{'student_name_info'|trans}}')" id="basic-addon2"><i class='bx bx-info-circle' ></i></span>
</div>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-custom btn-accent">{% trans %}signin1{% endtrans %}</button>
</div>
</form>
</div>
</div></div>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('assets/shared/js/auth/control.js') }}"></script>
<script src="{{ asset('assets/shared/js/auth/validation/family.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
function showInfo(message){
Swal.fire({
title: "",
text: message,
icon: "info"
});
}
</script>
{% endblock %}