{% import "_modules/bsmacros.html.twig" as bs %}
{% extends "baseadmin.html.twig" %}

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

{% block breadcrumb %}
{{ parent() }}
<li class="breadcrumb-item"><a href="{{ path("admin.catalog") }}" class="text-decoration-none">Catalog</a></li>
<li class="breadcrumb-item active">Create Category</li>
{% endblock %}

{% block content %}
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Create Category</h1>
    </div>

    <div class="card">
        <div class="card-body">
            {% for label, messages in app.flashes %}
                {% for message in messages %}
                    <div class="alert alert-{{ label }}">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endfor %}

            <form method="post" class="m-0">
                <div class="form-group mb-3">
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" class="form-control" required value="{{ data.name ?? '' }}">
                </div>
                <div class="form-group mb-3">
                    <label for="description">Description</label>
                    <textarea id="description" name="description" class="form-control" required>{{ data.description ?? '' }}</textarea>
                </div>

                <div class="form-group mb-3">
                    <label for="formation">Formation</label>
                    <select id="formation" name="formation" class="form-control">
                        <option value="list">List</option>
                        <option value="grid">Grid</option>
                    </select>
                </div>

                <div class="form-group mb-3">
                    <label for="game">Game</label>
                    <select id="game" name="game" class="form-control">
                        {% for game in games %}
                            <option
                                value="{{ game.id }}"
                                {% if selgame == game.id %}selected{% endif %}
                            >{{ game.name }}</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="form-group mb-3">
                </div>

                <button type="submit" class="btn btn-primary">Create {{ bs.keystroke(["↵"]) }}</button>
            </form>
        </div>
    </div>
{% endblock %}