{% extends 'web/admin/base.html' %}
{% import 'web/admin/_macros.html' as admin_macros %}

{% block admin_title %}Orders{% endblock %}
{% block admin_subtitle %}Web pipeline and recent activity{% endblock %}

{% block admin_content %}
<div class="card border-0 shadow-sm rounded-4 overflow-hidden mb-4">
    <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
        <div>
            <h5 class="mb-0 fw-bold">Web orders in progress</h5>
            <small class="text-muted">Not completed or refunded</small>
        </div>
        <span class="badge bg-info text-dark">{{ active_web_orders|length }}</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Order ID</th>
                    <th>Customer</th>
                    <th>Phone</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th class="text-end">Update</th>
                </tr>
            </thead>
            <tbody>
                {% for order in active_web_orders %}
                <tr>
                    <td class="fw-bold text-primary">{{ order.id }}</td>
                    <td>{{ order.customer_name }}</td>
                    <td>{{ order.customer_phone or '—' }}</td>
                    <td>{{ currency }} {{ "{:,.0f}".format(order.final_total) }}</td>
                    <td>{{ admin_macros.order_status_badge(order) }}</td>
                    <td class="small text-muted">{{ order.date.strftime('%d %b %Y %H:%M') if order.date else '—' }}</td>
                    <td class="text-end">
                        <form method="POST" action="{{ url_for('web.admin_update_order_status', order_id=order.id) }}" class="d-inline-flex gap-2 align-items-center justify-content-end">
                            <select name="status" class="form-select form-select-sm" style="width: auto;">
                                {% for status in admin_order_statuses %}
                                <option value="{{ status }}" {% if order.status == status %}selected{% endif %}>{{ status.replace('_', ' ') }}</option>
                                {% endfor %}
                            </select>
                            <button type="submit" class="btn btn-sm btn-dark">Save</button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="7" class="text-center text-muted py-4">No active web orders.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4 overflow-hidden">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-bold">Recent orders (all sources)</h5>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Order ID</th>
                    <th>Customer</th>
                    <th>Amount</th>
                    <th>Source</th>
                    <th>Payment</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th class="text-end">Update</th>
                </tr>
            </thead>
            <tbody>
                {% for order in recent_orders %}
                <tr>
                    <td class="fw-bold text-primary">{{ order.id }}</td>
                    <td>{{ order.customer_name }}</td>
                    <td>{{ currency }} {{ "{:,.0f}".format(order.final_total) }}</td>
                    <td>
                        <span class="badge {% if order.source == 'Web' %}bg-info{% else %}bg-secondary{% endif %}">{{ order.source or 'POS' }}</span>
                    </td>
                    <td class="small">{{ order.payment_method or '—' }}</td>
                    <td>{{ admin_macros.order_status_badge(order) }}</td>
                    <td class="small text-muted">{{ order.date.strftime('%d %b %Y %H:%M') if order.date else '—' }}</td>
                    <td class="text-end">
                        <form method="POST" action="{{ url_for('web.admin_update_order_status', order_id=order.id) }}" class="d-inline-flex gap-2 align-items-center justify-content-end">
                            <select name="status" class="form-select form-select-sm" style="width: auto;">
                                {% for status in admin_order_statuses %}
                                <option value="{{ status }}" {% if order.status == status %}selected{% endif %}>{{ status.replace('_', ' ') }}</option>
                                {% endfor %}
                            </select>
                            <button type="submit" class="btn btn-sm btn-outline-dark">Save</button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="8" class="text-center text-muted py-4">No recent orders.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}