{% extends "base.html" %}{% load static %}

{% block title %}Bench Coach Home{% endblock %}

{% block sidebar %}{% endblock %}
{% block content %}
    <div class="text-center d-flex flex-column justify-content-center align-items-center mb-4">
        <form style="width: 100%;   max-width: 330px;   padding: 15px;   margin: 0 auto;"
              method="post" action="{% url "login_view" %}">
            {% csrf_token %}

            <img class="mb-4" src="{% static "benchcoach.svg" %}" width="72" height="72"/>
            <h3>Please Sign In</h3>
            <input class="form-control" type="text" name="username" placeholder="Username" required=""
                   style="margin-bottom: -1px;   border-bottom-right-radius: 0;   border-bottom-left-radius: 0;"/>
            <input class="form-control" type="password" name="password" placeholder="Password" required=""
                   style="margin-bottom: 10px;   border-top-left-radius: 0;   border-top-right-radius: 0;"/>
            <button class="btn btn-primary btn-lg btn-block" type="submit">Login</button>
        </form>
    </div>

</form>

{% endblock %}