<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cart</title>
</head>
<body>
    <h2>Your Cart</h2>
    <table>
        <thead>
            <tr>
                <th>Vehicle</th>
                <th>Price</th>
                <th>Quantity</th>
                <th>Total</th>
                <th>Remove</th>
            </tr>
        </thead>
        <tbody>
            {% for item in cart_items %}
            <tr>
                <td>{{ item.vehicle.name }}</td>
                <td>${{ item.vehicle.price }}</td>
                <td>{{ item.quantity }}</td>
                <td>${{ item.vehicle.price * item.quantity }}</td>
                <td><a href="{{ url_for('remove_from_cart', item_id=item.id) }}">Remove</a></td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <h3>Total Price: ${{ total_price }}</h3>
    <button>Proceed to Checkout</button>
</body>
</html>
