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

    <script src="{% static 'registrar/autores.js'%}" type="text/javascript"></script>
    <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"><a href="{% url 'ensayo-editar' ensayo.pk%}">Ensayo</a></li>
                <li class="breadcrumb-item active" aria-current="page">Autores</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 de Participación</h1>
        </div>

        <!-- FORMULARIO DE AUTOR 1 -->
        <h3 class="text-center">AUTOR 1</h3>
        <form method="post" action="{% url 'autores-registro' ensayo.pk %}" id="autor1" autocomplete="off" enctype="multipart/form-data">
            {% crispy forms.0 %}       
        </form>    

        <!-- FORMULARIO DE AUTOR 2 | Solo si es Coautoria -->
        {% if CO %}
            <hr>
            <h3 class="text-center">AUTOR 2</h3>
            <form method="post" action="{% url 'autores-registro' ensayo.pk %}" id="autor2" autocomplete="off" enctype="multipart/form-data">
                {% crispy forms.1 %}       
            </form> 
        {% endif %} 

        <br>  
        <div class="text-center">
            <div class="" role="group">
                <a href="{% url 'ensayo-editar' ensayo.pk%}" 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 Ensayo</button>
            </div>
        </div>
        
        <br>
    </div>

{% endblock %}