{% extends 'registro/base_no_sidebar.html' %}

{% load crispy_forms_tags %}
{% load static %}
{% block content %}

<script src="{% static 'registrar/login.js'%}" type="text/javascript"></script>

<div class="row justify-content-md-center">
    <div class="col-md-6">
        <div class="text-center">
            <h2>Sistema de Registro</h2>
        </div>
        <hr>
        <div>
            <form method="post" autocomplete="off">
                {% csrf_token %}
                {{ form|crispy }}                
                
                <div class="text-center">
                    <br>
                    <div role="group">
                        <a href="{% url 'registro' %}" class="btn btn-secondary" style="background-color: #ee7625; border-color: #ee7625; margin-right: 10px; margin-bottom: 10px;">Registrarse</a>
                        <button type="submit" id="submit" class="btn btn-primary" style="background-color: #782484; border-color: #782484; margin-bottom: 10px;" >Iniciar Sesión</button>
                    </div>
                </div>
            </form>
            <div class="text-center mt-5">
                <a href="{% url 'convocatoria' %}" class="btn btn-secondary" style="background-color: #e87513; border-color: #e87513; margin-right: 10px; margin-bottom: 10px; border-radius: 20px;">Consulta la Convocatoria y sus Formatos</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}