{% extends 'base.html' %}
{% block title %} Login {% endblock %}
{% block content %}
    <form role="form" method="post" action="">
    {% csrf_token %}
    <div class="mid-square-container shadow">
        <div class="title">Iniciar Sesión</div>
        {% if msg %}
            <div class="title-info text-danger">{{ msg | safe }}</div>
        {% else %}
            <div class="title-info">Ingrese sus credenciales</div>
        {% endif %}
        <div class="line" style="margin-top:10px;">Usuario</div>
        <div class="line"><input type="text" class="input" name="username" required></div>
        <div class="line" style="margin-top:20px;">Contraseña</div>
        <div class="line"><input type="password" class="input" name="password" required></div>
        <div class="line" style="text-align:center;margin-top:40px;"><button class="button shadow">Ingresar</button></div>
    </div>

    <div class="footer">
        © coded by WecodeMX. 
    </div>
{% endblock content %}