{% 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.kilometers }}km in {{ data.pitstops }} pitstops. They fuelled</p>
                <ul>
                    {% for key in data.consumables %}
                        {% set consumable = data.consumables[key] %}
                        <li>{{consumable.amount}}{{consumable.unit}} of {{consumable.name}}</li>
                    {% endfor %}
                </ul>

                <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 %}