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

{% block title %}Admin - All Orders{% 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 Orders</h1>
    <div class="table-responsive">
        <table class="table table-hover table-striped">
            <thead class="table-secondary">
            <tr>
                <th>ID</th>
                <th>Client</th>
                <th>Dish</th>
                <th>Quantity</th>
                <th>Pickup Date</th>
                <th>Status</th>
                <th>Total Amount</th>
                <th>Payment Status</th>
                <th>Payment Type</th>
                <th>Created At</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for order in orders %}
                <tr>
                    <td>{{ order.id }}</td>
                    <td>{{ order.client ? order.client.name : 'N/A' }}</td>
                    <td>{{ order.dish ? order.dish.name : 'N/A' }}</td>
                    <td>{{ order.quantity }}</td>
                    <td>{{ order.pickupDate ? order.pickupDate|date('Y-m-d H:i') : 'Not set' }}</td>
                    <td>{{ order.status }}</td>
                    <td>{{ order.totalAmount }}</td>
                    <td>{{ order.paymentStatus }}</td>
                    <td>{{ order.paymentType }}</td>
                    <td>{{ order.createdAt|date('Y-m-d H:i:s') }}</td>
                    <td>
                        <button class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#deleteModal{{ order.id }}">
                            Delete
                        </button>
                        <div class="modal fade" id="deleteModal{{ order.id }}" tabindex="-1" aria-labelledby="deleteModalLabel{{ order.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="deleteModalLabel{{ order.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 Order #{{ order.id }}?
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                        <form method="post" action="{{ path('admin_order_delete', {'id': order.id}) }}" class="d-inline">
                                            <input type="hidden" name="_token" value="{{ csrf_token('delete_order_' ~ order.id) }}">
                                            <button type="submit" class="btn btn-danger">Delete</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>

                </tr>
            {% else %}
                <tr>
                    <td colspan="10" class="text-center text-muted">No orders found.</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        </div>
    </div>
{% endblock %}