<form method="POST" class="form bg-white boxshadow">
    {% csrf_token %}
    <div class="form__headers txt-white">
        <a href="." class="form__headers__header bg-blue nolink">
            <h2>
                login
            </h2>
            <div class="form__headers__header__arrow"></div>
        </a>
        <a href="{% url 'users:signup' %}" class="nolink form__headers__header bg-cyan">
            <h2>
                signup
            </h2>
        </a>
    </div>
    <div class="form__content">
        <div class="form__field">
            <label for="username" class="form__label">
                username
            </label>
            <div class="input-with-icon">
                {% render_field form.username class+="form__input" %}
                <i class="material-icons">
                    person
                </i>
            </div>
        </div>
        <div class="form__field">
            <label for="password" class="form__label">
                password
            </label>
            <div class="input-with-icon">
                {% render_field form.password class+="form__input" %}
                <i class="material-icons">
                    lock
                </i>
            </div>
        </div>
        <div class="form__field">
            <button class="form__btn bg-cyan txt-white boxshadow" type="submit">Login
                <i class="material-icons">
                    send
                </i>
            </button>
        </div>
        <div class="form__field txt-center">
            <a href="{% url 'users:password_reset' %}">Forgot Password?</a>
        </div>
    </div>
</form>