{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
<H2>{% translate 'Message Update' %}</H2>
<hr>{% endblock %}

{% block content %}


<form method="post" id="cv-sirene-update-form">{% csrf_token %}

<a class="btn btn-outline-dark me-2" role="button" href="{% url 'app_sirene:detail' message.id %}">
  <i class="fa fa-backward me-2" aria-hidden="true"></i>{% translate 'Cancel' %}
</a>


{% if 'p_sirene_update' in aaa.perms %}
{# the update is sent as soon as the form is posted (mails + SMS, no recall), #}
{# so the submit lives in the confirmation modal below, never on the page #}
<button class="btn btn-danger me-2" type="button" data-bs-toggle="modal" data-bs-target="#updateConfirmModal">
  {% translate 'Send update' %}
</button>

{% endif %}

<hr>

<table class="table ">
{{ form.as_table }}
</table>

</form>


<!-- MODALS -->

<!-- Send Update Confirmation Modal -->
{% if 'p_sirene_update' in aaa.perms %}
<div class="modal fade" id="updateConfirmModal" tabindex="-1" aria-labelledby="updateConfirmLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="updateConfirmLabel">{% translate 'Confirm update' %}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p class="mb-0">{% translate 'The update is posted on the message and sent right away to every recipient of that message, by email and/or SMS as ticked in the form. Sent notifications cannot be recalled.' %}</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% translate 'Cancel' %}</button>
        {# form= submits the page form from outside it: the form wraps the TinyMCE #}
        {# editor and cannot be moved into the modal #}
        <button type="submit" class="btn btn-danger" form="cv-sirene-update-form" name="save" value="1">
          {% translate 'Send update' %}
        </button>
      </div>
    </div>
  </div>
</div>
{% endif %}

{% endblock %}