{% extends 'registro/base_no_sidebar_user.html' %}
{% load crispy_forms_tags %}
{% block content %}

    <div class="container shadow">
        <!-- Breadcrumb -->
        <br>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{% url 'ensayos' %}">Inicio</a></li>
                <li class="breadcrumb-item active" aria-current="page">Ensayo</li>
            </ol>
        </nav>

        <!-- Encabezado -->
        <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
            <h1 class="h2">Datos del Ensayo</h1>
        </div>

        {% if ensayo.estatus == 1 %}
            <!-- Contenido -->    
            <h3 class="h3 text-success"> Ensayo Validado</h2>

            <div>
                <p>
                    <b>Modalidad: </b>{{ ensayo.get_modalidad_display }}<br>
                    <b>Título: </b>{{ ensayo.titulo }}<br>
                    <br>
                    <b>Documento Ensayo: </b>{% if ensayo.documento_ensayo %}<a href="../..{{ ensayo.documento_ensayo.url }}" target="_blank">Abrir Archivo</a>{% endif %}<br>
                    <b>Documento Credencial: </b>{% if ensayo.documento_credencial %}<a href="../..{{ ensayo.documento_credencial.url }}" target="_blank">Abrir Archivo</a>{% endif %}<br>
                    <b>Documento Cesión: </b>{% if ensayo.documento_cesion %}<a href="../..{{ ensayo.documento_cesion.url }}" target="_blank">Abrir Archivo</a>{% endif %}<br>
                    <b>Documento Protesta: </b>{% if ensayo.documento_protesta %}<a href="../..{{ ensayo.documento_protesta.url }}" target="_blank">Abrir Archivo</a>{% endif %}<br>
                </p>
            </div>

        {% else %}
            <!-- Contenido -->
            {{ form.media }}

            <form method="post" action="{% url 'ensayo-editar' ensayo.pk %}" id="editar-form" autocomplete="off" enctype="multipart/form-data">
                {% csrf_token %}
                {{ form|crispy }}
                
                <div class="text-center">
                    <br>
                    <div class="" role="group">
                        <a href="{% url 'ensayos' %}" class="btn btn-outline-secondary" style="margin-bottom: 10px;">Cancelar</a>
                        <button type="submit" id="submit" class="btn btn-secondary" style="background-color: #782484; border-color: #782484; margin-left: 10px; margin-bottom: 10px;">Guardar / Editar Autores</button>  
                    </div>
                </div>  
            </form>

        {% endif %}
    </div>
{% endblock %}