{% extends 'layout.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}

<div class="mx-1 my-2" style="border: 0.2px solid rgba(0, 0, 0, 0.1);">
    <h3 class="p-2" style="background-color:#212529;color:white;">PRODUCT DETAILS</h3>
    <div class="px-3 pb-3">
        <div class="mb-3">
            <p class="mb-0">PRODUCT : <strong>{{ data.product_name}}</strong></p>
            <p class="mb-0">PRODUCT NAME : <strong>{{ data.product_name_short }}</strong></p>
            <p class="mb-0">PRODUCT SIZE : <strong>{{ data.product_size }}</strong></p>
            <p class="mb-0">PRODUCT TYPE : <strong>{{ data.product_type }}</strong></p>
            <p class="mb-0">PRODUCT SECTION : <strong>{{ data.product_section }}</strong></p>
            <p class="mb-0">Created by <strong>{{ data.created_by }}</strong> at <strong>{{ data.datetime_created }}</strong></p>

            <a href="/utils/products/" class="btn btn-dark shadowed mt-3">Product List</a>
            {% if user.profile.role == 'SUPERADMIN' %}
            <a href="/utils/products/update/{{data.id}}/" class="btn btn-warning shadowed mt-3">Update</a>
            <a href="/utils/products/delete/{{ data.id }}/" class="btn btn-danger shadowed mt-3">Delete</a>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}