{% extends 'washerman/dashboard.html.twig' %}

{% block title %}Edit Product{% endblock %}

{% block dashboard_content %}
    <div class="container mt-5">
        <h2 class="mb-4">Edit Product</h2>

        {% for message in app.flashes('success') %}
            <div class="alert alert-success">{{ message }}</div>
        {% endfor %}
        {% for message in app.flashes('error') %}
            <div class="alert alert-danger">{{ message }}</div>
        {% endfor %}

        <form method="post" enctype="multipart/form-data">
            <div class="row mb-3">
                <div class="col-md-3">
                    <select name="product" class="form-select" required>
                        {% for product in products %}
                            <option value="{{ product }}" {% if item.product == product %}selected{% endif %}>
                                {{ product }}
                            </option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-2">
                    <input type="number" step="0.01" name="wash" class="form-control"
                           value="{{ item.washPrice }}" placeholder="Wash">
                </div>
                <div class="col-md-2">
                    <input type="number" step="0.01" name="press" class="form-control"
                           value="{{ item.pressPrice }}" placeholder="Press">
                </div>
                <div class="col-md-2">
                    <input type="number" step="0.01" name="both" class="form-control"
                           value="{{ item.washAndPressPrice }}" placeholder="Wash + Press">
                </div>
            </div>

            <div class="row mb-3 align-items-center">
                <div class="col-md-4">
                    {% if item.image %}
                        <div class="mb-2">
                            <img src="{{ asset('uploads/' ~ item.image) }}" alt="Current Image" width="120" class="border rounded">
                        </div>
                    {% endif %}
                    <input type="file" name="image" accept="image/*" class="form-control">
                    <small class="text-muted">Upload new image (optional)</small>
                </div>
            </div>

            <div class="row">
                <div class="col-md-3">
                    <button type="submit" class="btn btn-success w-100">Update</button>
                </div>
                <div class="col-md-3">
                    <a href="{{ path('washerman_products') }}" class="btn btn-secondary w-100">Back to List</a>
                </div>
            </div>
        </form>
    </div>
{% endblock %}