{% 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" id="old-students">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body bloc-radius bloc-border bloc-box-shadow">
          <p class="card-title">
              <i class="mdi mdi-home-modern menu-icon"></i><span>{{ student }}</span>
          </p>
          <div class="row">
            <div class="col-md-12">
                {% if student.customer %}
                    <a href="{{ path('student_add_or_edit', {id: student.id, id_customer: student.customer.id }) }}" title="Modifier" class="btn btn-outline-warning btn-icon me-3 my-2 mt-xl-0 p-2">
                        <i class="mdi mdi-pencil btn-icon-append"></i>                          
                    </a>
                {% else %}
                    <a href="{{ path('student_add_or_edit', {id: student.id }) }}" title="Modifier" class="btn btn-outline-warning btn-icon me-3 my-2 mt-xl-0 p-2">
                        <i class="mdi mdi-pencil btn-icon-append"></i>                          
                    </a>
                {% endif %}
                <a href="#" class="delete-student btn btn-outline-danger btn-icon me-3 my-2 mt-xl-0 p-2" title="Supprimer" href="#" data-name="{{student}}" data-id="{{ student.id }}">
                    <i class="mdi mdi-delete btn-icon-append"></i>                          
                </a>
                {% if is_granted('ROLE_SUPER_ADMIN') == true %}
                  {# statut "locked" #}
                  {% if (student.isActif == false) %}
                      <a class="lock-unlock-student btn btn-outline-warning btn-icon me-3 my-2 mt-xl-0 p-2" title="Accès fermé"  href="#" data-name="{{student}}" data-id="{{ student.id }}">
                          <i class="mdi mdi-lock"></i>
                      </a>
                  {% else %}
                      <a class="lock-unlock-student btn btn-outline-success btn-icon me-3 my-2 mt-xl-0 p-2" title="Accès ouvert"  href="#" data-name="{{student}}" data-id="{{ student.id }}">
                          <i class="mdi mdi-lock-open"></i>
                      </a>
                  {% endif %}
                {% endif %}
                {% if is_granted('ROLE_SUPER_ADMIN') == false %}
                  <a href="{{ path('student_traffic_laws_general_progress', {id: student.id}) }}" class="btn btn-outline-warning btn-icon me-3 my-2 mt-xl-0 p-2" title="Progression">
                      <i class="mdi mdi-chart-line btn-icon-append"></i>
                  </a>
                {% endif %}
                <a class="send-access btn btn-outline-warning btn-icon me-3 my-2 mt-xl-0 p-2" title="Envoyer les identifiants de connexion"  href="#" data-name="{{student}}" data-id="{{ student.id }}">
                    <i class="mdi mdi mdi-send btn-icon-append"></i>
                </a>
                {% if is_granted('ROLE_SUPER_ADMIN') == true %}
                  <a title="Se connecter avec ce compte" href="/?_i_am_this_user={{student.email}}" class="btn btn-connected-as btn-outline-success btn-icon me-3 my-2 mt-xl-0 p-2" href="#" data-name="{{student}}" data-id="{{ student.id }}">
                      <i class="mdi mdi mdi-login-variant btn-icon-append"></i>    
                  </a>
                {% endif %}
            </div>
          </div>

          <div class="row">
            <div class="col-sm-12">
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Nom: </label></div> 
                    <div class="col-sm-8">{{ student|capitalize }}</div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Email: </label></div> 
                    <div class="col-sm-8">{{ student.email }}</div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Téléphone: </label></div> 
                    <div class="col-sm-8">{{ student.phone|capitalize }}</div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Adresse: </label></div> 
                    <div class="col-sm-8">{{ student.address }}</div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Établissement: </label></div> 
                    <div class="col-sm-8">
                        {% for establishment in student.establishments  %}
                          <div>{{establishment}}</div>
                        {% endfor %}
                    </div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Applications ENPC: </label></div> 
                    <div class="col-sm-8">
                      <a class="btn btn-outline-danger mt-1" href="{{path('enpc_auto_student_card', {id : student.id, id_customer: customer.id})}}" data-name="{{student}}" data-id="{{ student.id }}">
                          <span>Accéder aux applications</span>
                      </a><br>
                      <p>
                        {% if (studentApplicationsList|length > 0) %}
                                <a class="btn btn-danger mt-1" href="{{path('enpc_reset_password', {id : student.id})}}">
                                    <span>Résoudre l'incident</span>
                                </a><br>
                                <h6><b>Ensemble d'applications</b></h6>
                                {% for application in studentApplicationsList %}
                                    {% if (application.date_fin == true and application.application == true) %}
                                        {% if "now"|date('Y-m-d') < application.date_fin|date('Y-m-d') %}
                                            <span class="badge rounded-pill bg-success p-3 my-2">{{ application.application}} - Expire le {{application.date_fin|date('d/m/Y')}}</span>
                                        {% else %} 
                                            <span class="badge rounded-pill bg-danger p-3 my-2">{{ application.application}} - Expirée le {{application.date_fin|date('d/m/Y')}}</span>
                                        {% endif %}                    
                                    {% endif %}                    
                                {% endfor %}
                        {% else %}
                            <span class="badge rounded-pill bg-danger p-3 my-2">L'élève {{ student }} n'est inscrit dans aucune application.</span>
                        {% endif %}
                      </p>
                    </div> 
                </div>

                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Fin des cours: </label></div> 
                    <div class="col-sm-8">
                        <div class="d-flex flex-wrap align-items-center py-2">
                            <span>Cours en live :&nbsp;&nbsp;&nbsp;&nbsp; </span>
                            {% if "now"|date('Y-m-d') < student.liveCoursesDeadline|date('Y-m-d') %}
                                <span class="badge rounded-pill bg-success">{{student.liveCoursesDeadline|date('d/m/Y')}}</span>
                            {% else %} 
                                <span class="badge rounded-pill bg-danger">{{student.liveCoursesDeadline|date('d/m/Y')}}</span>
                            {% endif %}                    
                        </div>
                        <div class="d-flex flex-wrap align-items-center py-2">
                            <span>Fiches de code :&nbsp; </span>
                            {% if "now"|date('Y-m-d') < student.fichesCoursesDeadline|date('Y-m-d') %}
                                <span class="badge rounded-pill bg-success">{{student.fichesCoursesDeadline|date('d/m/Y')}}</span>
                            {% else %} 
                                <span class="badge rounded-pill bg-danger">{{student.fichesCoursesDeadline|date('d/m/Y')}}</span>
                            {% endif %}                    
                        </div>
                        {# <div class="d-flex flex-wrap align-items-center py-2">
                            <span>Séries de code :&nbsp; </span>
                            {% if student.enpcAcounts|length > 0 %}
                                {% if "now"|date('Y-m-d') < student.traficLawsCoursesDeadline|date('Y-m-d') %}
                                    <span class="badge rounded-pill bg-success">{{student.traficLawsCoursesDeadline|date('d/m/Y')}}</span>
                                {% else %} 
                                    <span class="badge rounded-pill bg-danger">{{student.traficLawsCoursesDeadline|date('d/m/Y')}}</span>
                                {% endif %}                    
                            {% else %} 
                                <span class="badge rounded-pill bg-danger">Aucun accès</span>
                            {% endif %}                    
                        </div> #}
                    </div> 
                </div>
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Créé le: </label></div> 
                    <div class="col-sm-8">{{  student.createdAt|date("d/m/Y") }}</div> 
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
  {# include student delete modal #}
  <!-- Hidden routs -->
  <input type="hidden" name="student_id_delete" id="student_id_delete" value="">
  <input type="hidden" id="route_delete" value="{{ path('student_delete') }}">
  <input type="hidden" id="route_send_access" value="{{path('send_access')}}" />
  <input type="hidden" id="route_lock_unlock_student" value="{{path('student_lock_unlock')}}" />
    <!-- Modal delete student -->
    <div {{ stimulus_controller( 'modal', { formUrl: path('student_add_or_edit') } ) }}>
        <a data-action="modal#openModal" id="btnDeleteStudent" class="hidden"></a>
        {{ include('common/_modal.html.twig',{
            modalTitle: 'Supprimer un élève',
            btnTitle: 'Confirmer la suppression',
            btnId: 'confirm_delete',
            btnCancelId: 'btn_cancel_delete',
            modalContent: "
                <div>
                    <p>
                        Vous êtes sur le point de supprimer définitivement l'élève <span id='deleteStudentName'></span>.
                    </p>
                    <p>
                        Sa suppression entraînera la destruction de toutes les données associées à cet élève.
                    </p>
                    <p>
                        <strong style='color:#D84A38'>Cette action est irréversible.</strong>
                    </p>
                </div>"
        })
        }}
    </div>
{% 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")[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 %}