{% extends "admin_base.html" %}
{% block title %}Edit Car{% endblock %}
{% block content %}
<h1 class="mb-4">Edit Car</h1>

{% if form.errors %}
<div class="alert alert-danger">
    <h4>Please fix the following errors:</h4>
    <ul>
        {% for field_name, field_errors in form.errors.items() %}
            {% for error in field_errors %}
                <li>{{ getattr(form, field_name).label.text }}: {{ error }}</li>
            {% endfor %}
        {% endfor %}
    </ul>
</div>
{% endif %}

{% if success_message %}
<div class="alert alert-success">
    {{ success_message }}
</div>
{% endif %}

{% if error_message %}
<div class="alert alert-danger">
    {{ error_message }}
</div>
{% endif %}

<form id="editCarForm" method="POST" enctype="multipart/form-data">
    {{ form.hidden_tag() }}
    <!-- For debugging -->
    <input type="hidden" name="car_id" value="{{ car.id }}">
    
    <div class="mb-3">
        {{ form.name.label(class="form-label") }}
        {{ form.name(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.capacity.label(class="form-label") }}
        {{ form.capacity(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.price_per_day.label(class="form-label") }}
        {{ form.price_per_day(class="form-control") }}
    </div>
    <div class="mb-3">
        {{ form.image.label(class="form-label") }}
        {{ form.image(class="form-control") }}
        {% if car.image %}
        <img src="{{ url_for('static', filename='uploads/' + car.image) }}" alt="{{ car.name }}" class="img-thumbnail mt-2" style="max-width: 200px;">
        {% endif %}
    </div>
    <div class="mb-3">
        {{ form.category.label(class="form-label") }}
        {{ form.category(class="form-select") }}
    </div>
    <div class="mb-3 form-check">
        {{ form.has_ac(class="form-check-input") }}
        {{ form.has_ac.label(class="form-check-label") }}
    </div>
    <div class="mb-3 form-check">
        {{ form.has_usb(class="form-check-input") }}
        {{ form.has_usb.label(class="form-check-label") }}
    </div>
    <div class="mb-3 form-check">
        {{ form.has_player(class="form-check-input") }}
        {{ form.has_player.label(class="form-check-label") }}
    </div>
    <div class="mb-3 form-check">
        {{ form.has_bluetooth(class="form-check-input") }}
        {{ form.has_bluetooth.label(class="form-check-label") }}
    </div>
    <div class="mb-3">
        {{ form.luggage_space.label(class="form-label") }}
        {{ form.luggage_space(class="form-control") }}
    </div>
    <div class="mb-3">
        <button type="submit" class="btn btn-primary">Update Car</button>
        <a href="{{ url_for('admin_blueprint.manage_cars') }}" class="btn btn-secondary">Cancel</a>
    </div>
</form>

<!-- Add this for debugging help -->
<div class="mt-4">
    <p><small>Car ID: {{ car.id if car else 'Not set' }}</small></p>
</div>
{% endblock %}