{% extends "base.html" %}

{% block title %}{{ product.name }} | Ethio-gebeya{% endblock %}

{% block content %}
<main class="container py-4">
    <div class="row">
        <div class="col-lg-8">
            <h1 class="mb-3">{{ product.name }}</h1>
            <p class="text-muted">{{ product.description }}</p>
            <p class="h4 text-primary">Price: {{ product.price }} ETB</p>
            <p>Stock: {{ product.stock }}</p>
            
            <a href="{% url 'add_to_cart' product.pk %}" class="btn btn-primary btn-lg">Add to Cart</a>
            
            <a href="{% url 'home' %}" class="btn btn-link mt-3">Back to catalog</a>
            <a href="{% url 'cart_view' %}" class="btn btn-info mt-3">View Cart</a>
        </div>
    </div>
</main>
{% endblock %}