{% extends "base.html" %}
{% block title %}{{ product.name }} — KiwiCrib{% endblock %}
{% block content %}
<h1>{{ product.name }}</h1>
<p>{{ product.description }}</p>
<p>Base price: {{ product.base_price }} {{ product.unit }}</p>

<h2>Configuration options</h2>
<ul>
    {% for option in product.options.all %}
    <li>{{ option.get_option_type_display }}: {{ option.name }} (+{{ option.price_modifier }})</li>
    {% empty %}
    <li>No configuration options defined.</li>
    {% endfor %}
</ul>

{% if product.options.exists %}
<div class="mt-4">
    <a href="{% url 'products:configure' product.slug %}" class="bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded">Configure and price your rug</a>
</div>
{% endif %}
{% endblock %}