{% extends "admin/base.html" %}

{% block title %}Manage Items - Digital Garage Sale{% endblock %}

{% block content %}
    <h2>Manage Items</h2>
    
    <a href="{{ url_for('admin.add_item') }}" class="btn btn-primary" style="margin-bottom: 1rem;">Add New Item</a>
    
    <table style="width: 100%; border-collapse: collapse; margin-top: 1rem;">
        <thead>
            <tr>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">ID</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Image</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Title</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Price</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Category</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Status</th>
                <th style="border: 1px solid #ddd; padding: 0.5rem; text-align: left;">Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for item in items %}
                <tr>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">{{ item.id }}</td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">
                        {% if item.image_filename %}
                            <img src="{{ url_for('static', filename='uploads/' + item.image_filename) }}" alt="{{ item.title }}" style="width: 50px; height: 50px; object-fit: cover;">
                        {% else %}
                            No Image
                        {% endif %}
                    </td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">{{ item.title }}</td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">${{ "%.2f"|format(item.price) }}</td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">{{ item.category.name }}</td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">
                        <span class="item-status status-{{ item.status|lower|replace(' ', '-') }}">{{ item.status }}</span>
                    </td>
                    <td style="border: 1px solid #ddd; padding: 0.5rem;">
                        <a href="{{ url_for('admin.edit_item', id=item.id) }}" class="btn">Edit</a>
                        <form method="post" action="{{ url_for('admin.delete_item', id=item.id) }}" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this item?');">
                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="7" style="border: 1px solid #ddd; padding: 0.5rem; text-align: center;">No items found</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}