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

{% block title %}Typy notatek konsultanta{% endblock %}

{% block page_heading %}
<div class="page-heading">
    <h3>Typy notatek konsultanta</h3>
    <p class="text-subtitle text-muted">Słownik kategorii notatek</p>
</div>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="card-title mb-0">Lista typów</h4>
                <a href="{{ root }}/consultant-note-types/new" class="btn btn-primary btn-sm">
                    <i class="bi bi-plus-lg me-1"></i>Dodaj typ
                </a>
            </div>
            <div class="card-content">
                <div class="card-body px-3 py-4-5">
                    {% if note_types is empty %}
                        <p class="text-muted">Brak zdefiniowanych typów notatek.</p>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th style="width:5%">#</th>
                                        <th>Kod</th>
                                        <th>Nazwa</th>
                                        <th>Opis</th>
                                        <th style="width:8%">Kolejność</th>
                                        <th style="width:8%">Aktywny</th>
                                        <th style="width:12%"></th>
                                    </tr>
                                </thead>
                                <tbody>
                                {% for type in note_types %}
                                    <tr>
                                        <td class="text-muted">{{ type.id }}</td>
                                        <td><code>{{ type.code }}</code></td>
                                        <td>{{ type.name }}</td>
                                        <td class="text-muted" style="font-size:.85rem;">{{ type.description ?? '—' }}</td>
                                        <td>{{ type.sort_order }}</td>
                                        <td>
                                            {% if type.is_active %}
                                                <span class="badge bg-success">Tak</span>
                                            {% else %}
                                                <span class="badge bg-secondary">Nie</span>
                                            {% endif %}
                                        </td>
                                        <td class="text-end">
                                            <a href="{{ root }}/consultant-note-types/{{ type.id }}/edit"
                                               class="btn btn-sm btn-light me-1">
                                                <i class="bi bi-pencil"></i>
                                            </a>
                                            <button type="button"
                                                    class="btn btn-sm btn-outline-danger js-delete-note-type"
                                                    data-id="{{ type.id }}"
                                                    data-name="{{ type.name }}">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
document.querySelectorAll('.js-delete-note-type').forEach(function(btn) {
    btn.addEventListener('click', function() {
        var id   = this.dataset.id;
        var name = this.dataset.name;
        if (!confirm('Deaktywować typ „' + name + '"?')) return;
        fetch('{{ root }}/ajax/consultant-note-types/' + id, { method: 'DELETE' })
            .then(function(r) { return r.json(); })
            .then(function(res) {
                showSnack(res.status === 'success', res.message || res.description || '');
                if (res.status === 'success') location.reload();
            });
    });
});
</script>
{% endblock %}