{% extends "base.html" %}
{% load static i18n %}

{% block title %}Create Category{% endblock %}

{% block content %}
<div class="container mt-3 mb-4">
    <div class="row">
        <div class="col-md-8 offset-md-2">
            <h2>Create New Category</h2>
            <form method="post" enctype="multipart/form-data">
                {% csrf_token %}
                <div class="form-group mb-3">
                    <label for="name">Category Name</label>
                    <input type="text" class="form-control" id="name" name="name" required>
                </div>
                <div class="form-group mb-3">
                    <label for="description">Description</label>
                    <textarea class="form-control" id="description" name="description" rows="4"></textarea>
                </div>
                <div class="form-group mb-3">
                    <label for="image">Category Image</label>
                    <input type="file" class="form-control" id="image" name="image" accept="image/*">
                </div>
                <div class="form-group mb-3">
                    <label for="is_active">
                        <input type="checkbox" id="is_active" name="is_active" checked>
                        Active
                    </label>
                </div>
                <button type="submit" class="btn btn-primary">Create Category</button>
                <a href="{% url 'shop:category_list' %}" class="btn btn-secondary">Cancel</a>
            </form>
        </div>
    </div>
</div>
{% endblock %}