{% extends 'base.html.twig' %}
{% block menuTop %}
{{ include('contact/_menuTop.html.twig') }}
{% endblock %}
{% block menuMiddle %}
{{ include('contact/_menuMiddle.html.twig') }}
{% endblock %}

{% block title %}{{contact.nom | upper}} {{contact.prenom | capitalize}}{% endblock %}

{% block stylesheets %}
<link rel="stylesheet" href={{ asset('assets/css/style.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/contact/navTop.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/contact/navMiddle.css')  }}>
<link rel="stylesheet" href={{ asset('assets/css/contact/edit.css')  }}>
{% endblock %}

{% block body %}



<!-- Modal -->
<div class="modal fade" id="editPrioriteModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5 colorContact" id="staticBackdropLabel">Statut</h1>
      </div>
      <div class="modal-body">
        {{ form_start(form) }}
        {{ form_label(form.priorite) }}
        {{ form_widget(form.priorite) }}
      </div>
      <div class="modal-footer">
      {% if contact.active  %}
        <a href={{ path('app_contact_index_active') }}>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
        </a>
      {% else %}
      <a href={{ path('app_contact_index') }}>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
      </a>
      {% endif %}
        <button type="button submit" class="btn btn-primary">modifier</button>
        {{ form_end(form) }}
      </div>
    </div>
  </div>
</div>
<script>
  // Attendre que la page soit complètement chargée
  document.addEventListener("DOMContentLoaded", function() {
    var editModal = new bootstrap.Modal(document.getElementById('editPrioriteModal'));
    
    editModal.show();  // Ouvrir le modal automatiquement
  });
</script>

{% endblock %}