{% extends 'layout.html' %}

{% block body %}
<div class='col-md-2' ></div>
<div class='col-md-8'>
    <div class='panel panel-default'>
        <div class='panel-body'>
            <h3>Delete pitstop?</h3>
            <table style='width: 100%' class="table table-striped table-bordered table-condensed">
                <tr>
                    <th style='text-align:right'>Date of Pitstop</th>
                    <td style='text-align: left'>{{ pitstop.date }}</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Odometer</th>
                    <td style='text-align: left'>{{ pitstop.odometer }} km</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Litres</th>
                    <td style='text-align: left'>{{ pitstop.amount }} {{ pitstop.consumable.unit }}</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Costs (overall)</th>
                    <td style='text-align: left'>
                        {% if pitstop.costs %}
                            {{pitstop.costs}}
                        {% else %}
                            --
                        {% endif %}
                        €
                    </td>
                </tr>
            </table>
            <form class='form-horizontal' method='POST'>
                {{ form.hidden_tag() }}
                {{ render_field_with_errors(form.submit) }}
            </form>
        </div>
    </div>
</div>
<div class='col-md-2' ></div>
{% endblock %}