{% extends 'panel/_base.html' %}
{% block content %}
{% include 'panel/_nav.html' %}
{% include 'panel/_flash.html' %}
<div class="container" style="margin-top:5vh;">
    <div class="row">
        <div class="col-4"></div>
        <div class="col-4">
            <div class="card p-4 shadow rounded-3">
                <h2 class="text-center mb-4">Add Item</h2>
                <form method="POST">
                    {{ form.csrf_token }}
                    <div class="mb-3">
                        <label for="subnet" class="form-label">Name</label>
                        {{ form.item_name(class="form-control", placeholder="Computer A") }}
                    </div>
                    <div class="mb-3">
                        <label for="prefix" class="form-label">Description</label>
                        {{ form.item_desc(class="form-control", placeholder="Computer A for IT support...") }}
                    </div>
                    <div class="mb-3">
                        <label for="description" class="form-label">Item Type</label>
                        {{ form.item_type(class="form-control") }}
                    </div>
                    <button type="submit" class="btn btn-secondary w-100">Submit</button>
                </form>
            </div>
        </div>
        <div class="col-4"></div>
    </div>
</div>
{% endblock %}