{% extends 'mobile/mobile_base.html' %}
{% load i18n %}

{% block upleft %}
    <button onclick="window.history.back()" class="btn nav-link" style="color: white;">
        <i class="bi bi-arrow-left fs-3"></i>
    </button>
{% endblock upleft %}

{% block title %}
    {{ template.name }}
{% endblock title %}


{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="card shadow-sm">
          <div class="card-header bg-primary text-white">
            <h4 class="mb-0">{% translate "Modifier le template de rapport" %}</h4>
          </div>
          <div class="card-body">
            <form method="post" novalidate action="{% url 'controls:change_template' template_id=template.id %}?v={{ request.GET.v }}">
              {% csrf_token %}
              {{ form.non_field_errors }}
  
              <div class="mb-3">
                <label for="{{ form.header_notes.id_for_label }}" class="form-label">{% translate "Notes de début" %}</label>
                {{ form.header_notes }}
                {{ form.header_notes.errors }}
              </div>
  
              <div class="mb-3">
                <label for="{{ form.footer_notes.id_for_label }}" class="form-label">{% translate "Notes de fin" %}</label>
                {{ form.footer_notes }}
                {{ form.footer_notes.errors }}
              </div>
  
              <div class="d-flex justify-content-end">
                <a href="{% url 'controls:controls_detail' control_id=template.control.id %}?v={{ request.GET.v }}" class="btn btn-secondary me-2">{% translate "Annuler" %}</a>
                <button type="submit" class="btn btn-success">{% translate "Enregistrer" %}</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
</div>
{% endblock %}