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

{% block title %}Modifier l'élève {{ 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="{{ path('home') }}">Tableau de bord</a>
                            {% else %}
                                Tableau de bord
                            {% endif %}
                        </p>
                        {% if is_granted('ROLE_SUPER_ADMIN') == true %}
                            <p class="text-muted mb-0 hover-cursor">
                                <a class="student-dashbord-service" href="{{ path('customers_list') }}">&nbsp;/&nbsp;adhérents</a>
                            </p>
                        {% else %}
                            <p class="text-primary mb-0 hover-cursor">&nbsp;/&nbsp;Informations {{ student.firstname }}</p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3" id="bloc-reload-img">
            <div class="text-center">
                <img class="profile-avatar-in-bloc" id="imageUploadPreview" src="{% if student.image %}{{ asset(student.image) }}{% else %} {{asset('/images/default-no-image.jpg')}}{% endif %}" alt="">
                <form id="imageUploadForm" action="" method="POST" enctype="multipart/form-data" style="width:100%">
                    <span class="btn btn-sm btn-primary my-2" id="imageUploadBtn">
                        <span>Modifier la photo de profil</span>
                    </span>
                    <input type="file" name="image" id="imageUploadFile" style="width:0;height:0">
                </form>
                <input type="hidden" id="imageUploadUrl" value="{{ path('upload_user_image',{'id':student.id}) }}">
            </div>
        </div>
        <div class="col-md-9">
            <div class="">
                {{ include('student/_formAddEditStudent.html.twig', {submitButtonText: 'Modifier'}) }}
            </div>
        </div>
    </div>
{% endblock %}
{% block pageJavascript %}
    {{ include('student/includes/js.html.twig') }}
{% endblock %}