{% extends "base_template.html" %}
{% block content %}
<div class="container mt-5">
    <form action="{% url 'belajar:addData' %}" method="post">
        {% csrf_token %}
        <div class="mb-3">
            <label class="form-label">Product Name</label>
            <input type="text" class="form-control" name="product">
        </div>
        <div class="mb-3">
            <label class="form-label">Category</label>
            <select class="form-select" aria-label="Default select example" name="category">
                {% for category in categories %}
                <option value="{{ category.id }}">{{ category.name_category }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="mb-3">
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
    </form>
</div>
{% endblock %}