{% extends "layout.html" %}
{% from "security/_macros.html" import render_field_with_errors, render_field %}

{% block body %}
<div class="row">
    <div class="col-md-4">
        {{ render_login_form() }}
    </div>
    <div class="col-md-8">
        <div class="panel panel-default">
            <div class="panel-body" >
                <h1>Join the pitstop community!</h1>

                <p>There are already {{ data.users}} members with {{ data.vehicles }} vehicles who have logged {{ data.pitstops }} pitstops fuelling {{ data.litres }}l for {{ data.kilometers }}km.</p>

                <p>With pitstop community you can:</p>
                <ul>
                    <li>manage multiple vehicles</li>
                    <li>track each pitstop</li>
                    <li>get statistics about the fuel consumption</li>
                </ul>

                <p><a href='{{ url_for('security.register') }}'>Register your account now</a> or <a href='{{ url_for('security.login') }}'>log into your account</a>.</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}