{% extends "base.html" %}

{% block title %}Order #{{ order.id }} - Pro Choice Admin{% endblock %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/admin.css') }}">

<div class="admin-container">
    <div class="admin-header">
        <h1>📦 Order #{{ order.id }}</h1>
    </div>

    <div class="order-info">
        <div class="info-row">
            <span class="info-label">Customer Name:</span>
            <span class="info-value">{{ order.user.full_name }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Customer Email:</span>
            <span class="info-value">{{ order.user.email }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Order Date:</span>
            <span class="info-value">{{ order.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Current Status:</span>
            <span class="status-badge status-{{ order.status }}">{{ order.status }}</span>
        </div>
    </div>

    <div class="items-section">
        <h3>Order Items</h3>
        {% for item in order.items %}
        <div class="order-item">
            <div class="item-details">
                <div class="item-name">{{ item.product_name }}</div>
                <div class="item-qty">Qty: {{ item.quantity }} × ₦{{ "{:,.2f}".format(item.price) }}</div>
            </div>
            <div class="item-price">₦{{ "{:,.2f}".format(item.quantity * item.price) }}</div>
        </div>
        {% endfor %}
        
        <div class="total-row">
            <span class="total-label">Total Amount:</span>
            <span class="total-value">₦{{ "{:,.2f}".format(order.total_amount) }}</span>
        </div>
    </div>

    <div class="status-form">
        <h3>Update Order Status</h3>
        <form method="POST" action="{{ url_for('admin.update_order_status', order_id=order.id) }}">
            <select name="status">
                <option value="pending" {% if order.status == 'pending' %}selected{% endif %}>Pending</option>
                <option value="processing" {% if order.status == 'processing' %}selected{% endif %}>Processing</option>
                <option value="completed" {% if order.status == 'completed' %}selected{% endif %}>Completed</option>
                <option value="cancelled" {% if order.status == 'cancelled' %}selected{% endif %}>Cancelled</option>
            </select>
            <button type="submit" class="btn-update">Update Status</button>
        </form>
        
        <div class="action-buttons">
            <form method="POST" action="{{ url_for('admin.delete_order', order_id=order.id) }}" onsubmit="return confirm('Are you sure you want to remove this order? This action cannot be undone.');">
                <button type="submit" class="btn-delete">Remove Order</button>
            </form>
        </div>
    </div>

    <a href="{{ url_for('admin.orders') }}" class="back-link">
        <i class="fas fa-arrow-left"></i>
        Back to Orders
    </a>
</div>
{% endblock %}