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

{% block title %}
  {{ manager }} 
{% 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/" ~ manager.customer.id ~ "?tab=admins-tab" }}">Élèves</a>
                      {% else %}
                          <a class="student-dashbord-service" href="{{ path("managers_list") }}">Élèves</a>
                      {% endif %}
                      &nbsp;/&nbsp;
                  </p>
                  <p class="text-primary mb-0 hover-cursor">
                    {{ manager }} 
                  </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">
          <p class="card-title">
              <i class="mdi mdi-home-modern menu-icon"></i><span>{{ manager }}</span>
          </p>
          <div class="row">
            <div class="col-md-12">
                {% if manager.customer %}
                    <a href="{{ path('manager_add_or_edit', {id: manager.id, id_customer: manager.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('manager_add_or_edit', {id: manager.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-manager btn btn-outline-danger btn-icon me-3 my-2 mt-xl-0 p-2" title="Supprimer" href="#" data-name="{{manager}}" data-id="{{ manager.id }}">
                    <i class="mdi mdi-delete btn-icon-append"></i>                          
                </a>
                <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="{{manager}}" data-id="{{ manager.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={{manager.email}}" class="delete btn-connected-as btn btn-outline-success btn-icon me-3 my-2 mt-xl-0 p-2" href="#" data-name="{{manager}}" data-id="{{ manager.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">{{ manager|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">{{ manager.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">{{ manager.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">{{ manager.address }}</div> 
                </div>
                {% if (is_granted('ROLE_SUPER_ADMIN') == true) %}                
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Adhérent 'Customer': </label></div> 
                    <div class="col-sm-8">
                       <div>{{manager.customer.id}} - {{manager.customer}}</div>
                    </div> 
                </div>
                {% endif %}
                <div class="row p-2 mb-2 bg-light">
                    <div class="col-sm-4"><label>Établissement(s): </label></div> 
                    <div class="col-sm-8">
                        {% for establishment in manager.establishments  %}
                          <div>{{establishment}}</div>
                        {% endfor %}
                    </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">{{  manager.createdAt|date("d/m/Y") }}</div> 
                </div>
            </div>
        </div>
      </div>
    </div>
</div>
<!-- manager -->
<input type="hidden" name="manager_id_delete" id="manager_id_delete" value="">
<input type="hidden" id="route_manager_delete" value="{{ path('manager_delete') }}">
<input type="hidden" id="route_send_access" value="{{path('send_access')}}" />
  <!-- Modal reutilisable -->
<div {{ stimulus_controller('modal')}}>
<a data-action="modal#openModal" id="btnDeleteManager" class="hidden"></a>
{{ include('common/_modal.html.twig',{
    modalTitle: 'Supprimer un gérant',
    btnTitle: 'Confirmer la suppression',
    btnId: 'confirm_delete_manager',
    btnCancelId: 'btn_manager_cancel_delete',
    modalContent: '
        <div>
            <p>
                Vous êtes sur le point de supprimer définitivement le gérant <span id="deleteManagerName"></span>.
            </p>
            <p>
                Sa suppression entraînera la destruction de toutes les données associées à ce gérant.
            </p>
            <p>
                <strong style="color:#D84A38">Cette action est irréversible.</strong>
            </p>
        </div>'
}) }}  
</div>
{% endblock %}