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

{% block title %}Admin - All Products{% endblock %}

{% block dashboard_content %}
    <div class="container mt-4">
        {% for label, messages in app.flashes %}
            {% for message in messages %}
                <div class="alert alert-{{ label == 'error' ? 'danger' : label }} alert-dismissible fade show" role="alert">
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
        {% endfor %}

        <h1 class="mb-4">All Washerman Products</h1>

        <div class="table-responsive">
            <table class="table table-hover table-striped">
                <thead class="table-secondary">
                <tr>
                    <th>#</th>
{#                    <th>Image</th>#}
                    <th>Product Name</th>
                    <th>Wash</th>
                    <th>Press</th>
                    <th>Wash + Press</th>
                    <th>Washerman</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for product in products %}
                    <tr>
                        <td>{{ loop.index }}</td>
{#                        <td>#}
{#                            {% if product.image %}#}
{#                                <img src="{{ asset('uploads/' ~ product.image) }}" alt="Product Image" width="80" height="60" style="object-fit: cover;">#}
{#                            {% else %}#}
{#                                <span class="text-muted">No Image</span>#}
{#                            {% endif %}#}
{#                        </td>#}
                        <td>{{ product.product }}</td>
                        <td>{{ product.washPrice is defined ? product.washPrice ~ ' PKR' : 'N/A' }}</td>
                        <td>{{ product.pressPrice is defined ? product.pressPrice ~ ' PKR' : 'N/A' }}</td>
                        <td>{{ product.washPressPrice is defined ? product.washPressPrice ~ ' PKR' : 'N/A' }}</td>
                        <td>{{ product.washerman.user.name is defined ? product.washerman.user.name : 'Unknown' }} (id:{{ product.washerman.user.id }})</td>
                        <td>
                            <button type="button" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#deleteProductModal{{ product.id }}">
                                Delete
                            </button>

                            <div class="modal fade" id="deleteProductModal{{ product.id }}" tabindex="-1" aria-labelledby="deleteProductModalLabel{{ product.id }}" aria-hidden="true">
                                <div class="modal-dialog modal-dialog-centered">
                                    <div class="modal-content">
                                        <div class="modal-header bg-danger text-white">
                                            <h5 class="modal-title" id="deleteProductModalLabel{{ product.id }}">Confirm Delete</h5>
                                            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            Are you sure you want to delete the product <strong>{{ product.product }}</strong>?
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                            <form method="post" action="{{ path('admin_product_delete', {'id': product.id}) }}" class="d-inline">
                                                <input type="hidden" name="_token" value="{{ csrf_token('delete_product_' ~ product.id) }}">
                                                <button type="submit" class="btn btn-danger">Delete</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="8" class="text-center text-muted">No products found.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}