{% 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') }}' 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') }}" 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 }}
                        </td>
                        <td>
                            {{ vehicle.pitstops | length }} pitstops
                        </td>
                        <td>
                            <a href="{{ url_for('edit_vehicle', vid=vehicle.id) }}" 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) }}"  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') }}' class="btn btn-primary " role="button">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Delete
            </a>
        </div>
    </div>
{% endblock %}