{% extends "layouts/base.twig" %}

{% block title %}{{ translations.add_knowledge_base_category }}{% endblock %}

{% block page_heading %}
    <div class="page-heading">
        <h3>{{ translations.add_knowledge_base_category }}</h3>
        <p class="text-subtitle text-muted">{{ translations.add_knowledge_base_category_subtitle }}</p>
    </div>
{% endblock %}

{% block content %}
    <div class="card mb-4">
        <div class="card-header">
        </div>
        <div class="card-body">
            <form method="POST">
                <div class="row">
                    <div class="col-4"></div>
                    <div class="col-4">
                        <label class="form-label" for="name">
                            {{ translations.name }}
                            <span class="required"></span>
                        </label>
                        <input type="text" id="name" name="name" value="{{ old("name") }}" class="form-control" required>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-4"></div>
                    <div class="col-4">
                        <button class="btn btn-success" type="submit">{{ translations.add }}</button>
                        <a href="{{ root }}/knowledge-base/categories" class="btn btn-secondary float-end">{{ translations.back }}</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}

{% block scripts %}

{% endblock %}