{% extends "base.html" %}
{% load static %}
{% block title %}{{ title }}{% endblock %}

{% block content %}
<div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">{{ title }}</div>
    <div class="ms-auto">
        <a href="{% url 'material-management' %}" class="btn btn-secondary">Back to List</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="post">
            {% csrf_token %}
            <div class="mb-3">
                <label class="form-label">Material Name</label>
                {{ form.material_name }}
                {% if form.material_name.errors %}
                    <div class="text-danger">{{ form.material_name.errors }}</div>
                {% endif %}
            </div>
            <div class="mb-3">
                <label class="form-label">Status</label>
                {{ form.status }}
                {% if form.status.errors %}
                    <div class="text-danger">{{ form.status.errors }}</div>
                {% endif %}
            </div>
            <button type="submit" class="btn btn-primary">Save Material</button>
        </form>
    </div>
</div>
{% endblock %}