{% 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 service?</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'>{{ service.date }}</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Odometer</th>
                    <td style='text-align: left'>{{ service.odometer }} km</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Description</th>
                    <td style='text-align: left' class="markdown">{{ service.description  | markdown | safe}}</td>
                </tr>
                <tr>
                    <th style='text-align:right'>Costs (overall)</th>
                    <td style='text-align: left'>
                        {% if service.costs %}
                            {{service.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 %}