{% 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>
  {# user header infos #}
  {{ include('student/includes/header_student_infos.html.twig') }}
  {# show content #}
  <div class="tab-content py-0 px-0">
    <div class="tab-pane fade show active">
      {{ include('student/includes/profil.html.twig') }}
    </div>
  </div>
  {# include student delete modal #}
{% endblock %}
{% block pageJavascript %}
  <script>
    $(document).on('click', 'a.delete', function (e) { e.preventDefault(); var
    name = $(this).attr('data-name');
    $("#student_id_delete").val($(this).attr('data-id'));
    $("#deleteStudentName").html("<b>"+name+"</b>"); setTimeout(() => {
    $("#btnDeleteStudent-modal")[0].click(); }, 300); });

    $(document).on('click', "#confirm_delete", function(){ route =
    $("#route_delete").val() + '/' + $("#student_id_delete").val(); $.ajax({
    type: "DELETE", url: route, cache: false, success: function(e){
    $('#deleteAgendaModal').modal('hide'); setTimeout(() => {
    $("#cancel_modal").click(); }, 300); var response = JSON.parse(e);
    if(response.state == 'error') { alert(response.message); }else{
    location.reload(); } } }); return false; });
  </script>
{% endblock %}