{% extends "navfoot.html" %}
{% load static %}
{% block content %}

<div class="container mt-5">
    <div class="row">
        <div class="col-sm-4 fs-3 text-center">
            <h2 class="text-danger">{{ product.name }}</h2>
            {% if product.image %}
                <img src="{{ product.image.url }}" class="card-img-top" alt="{{ product.name }}">
            {% endif %}
        </div>
        <div class="col-sm-8 ">
            <p class="fs-3 text-dark">Description</p>
            <p>{{ product.description }}</p>
            <p><span class="text-danger fw-bolder fs-5">Category:</span> {{ product.category.name }}</p>
            <a href="{% url 'category_detail' product.category.name %}" class="btn btn-secondary">
                Retour à la catégorie {{ product.category.name }}
            </a>
        </div>
    </div>
</div>
{% endblock %}