{% extends "crud/detail.html" %}
{% load i18n tz %}

{% block sub_actions %}
    {{ block.super }}
    {% if perms.materia.change_documentoacessorio or user.is_superuser %}
        <div class="actions btn-group btn-group-sm" role="group">
            <a class="btn btn-primary" href="{% url 'sapl.materia:docacessorio_onlyoffice_editor' object.pk %}">
                <i class="fa fa-file-word-o"></i> {% trans "Editar com OnlyOffice" %}
            </a>
        </div>
    {% endif %}
    {% if object.arquivo %}
        <div class="actions btn-group btn-group-sm" role="group">
            {% if object.pdf_assinado %}
                <a class="btn btn-success" href="{% url 'sapl.materia:docacessorio_pdf_assinado' object.pk %}" target="_blank">
                    <i class="fa fa-check-circle"></i> {% trans "Ver PDF Assinado" %}
                </a>
            {% endif %}
            {% if pode_assinar and not ja_assinou %}
                <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#assinaturaModal">
                    <i class="fa fa-certificate"></i> {% trans "Assinar PDF Digitalmente" %}
                </button>
            {% endif %}
        </div>
    {% endif %}
{% endblock sub_actions %}

{% block detail_content %}
    {{ block.super }}
    {% if object.pdf_assinado %}
      <div class="row mt-3">
        <div class="col-12">
          <div class="card border-success">
            <div class="card-header bg-success text-white">
              <i class="fa fa-certificate"></i> {% trans "Assinatura Digital" %}
              {% if assinaturas|length > 1 %}
                <span class="badge badge-light ml-1">{{ assinaturas|length }} {% trans "assinaturas" %}</span>
              {% endif %}
            </div>
            <div class="card-body">
              <p class="mb-2"><strong>{% trans "Status:" %}</strong>
                <span class="badge badge-success">{% trans "Documento Assinado" %}</span>
              </p>
              {% for assinatura in assinaturas %}
                <div class="{% if not forloop.last %}mb-2 pb-2 border-bottom{% endif %}">
                  <div class="row">
                    <div class="col-md-6">
                      <p class="mb-1"><strong>{% trans "Assinado por:" %}</strong> {{ assinatura.nome_assinante }}</p>
                      <p class="mb-1"><strong>{% trans "Data/Hora:" %}</strong> {{ assinatura.data_assinatura }}</p>
                    </div>
                    <div class="col-md-6">
                      <p class="mb-1"><strong>{% trans "Tipo de Certificado:" %}</strong> {{ assinatura.tipo_certificado_display|default:assinatura.tipo_certificado|default:"A1" }}</p>
                      {% if assinatura.cargo %}
                        <p class="mb-1"><strong>{% trans "Cargo:" %}</strong> {{ assinatura.cargo }}</p>
                      {% endif %}
                    </div>
                  </div>
                </div>
              {% empty %}
                {% if object.assinado_por %}
                  <p class="mb-1"><strong>{% trans "Assinado por:" %}</strong> {{ object.assinado_por.get_full_name|default:object.assinado_por.username }}</p>
                {% endif %}
                {% if object.assinado_em %}
                  <p class="mb-1"><strong>{% trans "Data/Hora:" %}</strong> {{ object.assinado_em|localtime|date:"d/m/Y H:i:s" }}</p>
                {% endif %}
              {% endfor %}
              <div class="mt-2">
                <a href="{% url 'sapl.materia:docacessorio_pdf_assinado' object.pk %}" class="btn btn-sm btn-success" target="_blank">
                  <i class="fa fa-download"></i> {% trans "Baixar PDF Assinado" %}
                </a>
                <a href="https://validar.iti.gov.br/" class="btn btn-sm btn-outline-info" target="_blank">
                  <i class="fa fa-external-link"></i> {% trans "Validar no ITI" %}
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    {% endif %}
{% endblock detail_content %}

{% block extra_js %}
{{ block.super }}
{% if object.arquivo and pode_assinar and not ja_assinou %}
  {% include "materia/assinatura_modal.html" %}
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      if (window.AssinaturaModal) {
        window.AssinaturaModal.init({{ object.pk }}, '/materia/documentoacessorio/{{ object.pk }}');
      }
    });
  </script>
{% endif %}
{% endblock extra_js %}