{% 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 CREATION FORM</h3>
    <div class="px-5 pb-3">
        <div class="mb-3">
            <div class="row">
                <div class="col-sm-12 col-lg-6">
                    <form method="post" action="">
                        {% csrf_token %}
                        {{ form|crispy}}
                        <button type="submit" class="btn btn-primary mt-5 shadowed">Submit</button>
                        <a href="/utils/products/" class="btn btn-dark mt-5 shadowed">Product List</a>
                    </form>
                </div>
                <div class="col-sm-12 col-lg-6"></div>
            </div>
        </div>
    </div>
</div>
{% endblock %}