{% extends "layout.html" %}

{% block body %}
    <h3>Account management for {{current_user.email}}</h3>
    <div class="panel panel-default">
        <div class="panel-heading">Password</div>
        <div class="panel-body">
        	<a href="{{ url_for('security.change_password') }}" id="change_password" class="btn btn-primary " role="button">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Change
            </a>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">Vehicles</div>
        <div class="panel-body">
            <a href="{{ url_for('create_vehicle') }}" id="create_vehicle" class="btn btn-primary " role="button">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> create
            </a>
        </div>
        <table class="table table-striped table-bordered">
            <tbody>
                <tr>
                    <th>
                        Vehicle
                    </th>
                    <th>
                        Info
                    </th>
                    <th>
                        Actions
                    </th>
                </tr>
                {% for vehicle in current_user.vehicles %}
                    <tr>
                        <td>
                            {{ vehicle.name }}<br />
                            {% if not vehicle.is_active %}
                                (inactive)
                            {% endif %}
                        </td>
                        <td>
                            {{ vehicle.pitstops | length }} pitstops<br />
                            {{ vehicle.services | length }} special expenses<br />
                            {{ vehicle.consumables | length }} consumables
                        </td>
                        <td>
                            <a href="{{ url_for('create_service_for_vehicle', vid=vehicle.id) }}" id="pitstop_{{loop.index}}" class="btn btn-primary " role="button">
                                <span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> add service
                            </a>
                            <a href="{{ url_for('select_consumable_for_new_pitstop', vid=vehicle.id) }}" id="pitstop_{{loop.index}}" class="btn btn-primary " role="button">
                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> add pitstop
                            </a>
                            <a href="{{ url_for('edit_vehicle', vid=vehicle.id) }}" id="edit_vehicle_{{loop.index}}" class="btn btn-primary " role="button">
                                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> edit
                            </a>
                            {% if current_user.vehicles | length > 1 %}
                            <a href="{{ url_for('delete_vehicle', vid=vehicle.id) }}" id="delete_vehicle_{{loop.index}}" class="btn btn-primary btn-warning " role="button">
                                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> delete
                            </a>
                            {% else %}
                                &nbsp;
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">Account</div>
        <div class="panel-body">
        	<a href="{{ url_for('delete_account') }}" id="delete_account" class="btn btn-primary " role="button">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Delete
            </a>
        </div>
    </div>
{% endblock %}