{% extends "base.html" %}

{% block title %}Select Product - Reklamator{% endblock %}

{% block content %}
<h1>Submit Feedback</h1>

{% if products %}
    <p>Select a product to share your feedback, report issues, or suggest improvements.</p>

    {% if current_user and current_user.is_authenticated and current_user.role == 'product_owner' %}
        <div style="margin-top: 20px; padding: 15px; background-color: #e7f3ff; border-radius: 4px; border-left: 4px solid #2196F3;">
            <p style="margin: 0;">
                <strong>Product Owner:</strong>
                <a href="{{ url_for('dashboard.list') }}" style="color: #1976D2; text-decoration: underline;">Go to Dashboard</a>
                to view and analyze feedback.
            </p>
        </div>
    {% endif %}

    <div style="margin-top: 30px;">
        {% for product in products %}
            <div style="background-color: #f8f9fa; padding: 20px; border-radius: 4px; margin-bottom: 15px; border-left: 4px solid #3498db;">
                <h2 style="margin-top: 0; margin-bottom: 10px; font-size: 1.3em;">
                    {{ product.name }}
                </h2>

                {% if product.description %}
                    <p style="color: #666; margin-bottom: 15px;">{{ product.description }}</p>
                {% endif %}

                <a href="{{ url_for('submission.form', product_slug=product.submission_url_slug) }}"
                   class="btn"
                   style="display: inline-block;">
                    Submit Feedback
                </a>
            </div>
        {% endfor %}
    </div>
{% else %}
    <div style="background-color: #fff3cd; padding: 20px; border-radius: 4px; border-left: 4px solid #ffc107; margin-top: 20px;">
        <p style="margin: 0; color: #856404;">
            No products are currently accepting feedback. Please check back later.
        </p>
    </div>
{% endif %}
{% endblock %}