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

{% set is_edit = (action == 'edit') %}
{% block title %}{{ is_edit ? 'Edytuj typ notatki' : 'Nowy typ notatki' }}{% endblock %}

{% block page_heading %}
<div class="page-heading">
    <h3>{{ is_edit ? 'Edytuj typ notatki' : 'Nowy typ notatki' }}</h3>
</div>
{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-12 col-md-7">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">
                    {{ is_edit ? 'Edytuj: ' ~ (row.name ?? '') : 'Nowy typ' }}
                </h4>
            </div>
            <div class="card-content">
                <div class="card-body px-3 py-4-5">

                    {% if warnings.save is defined %}
                        <div class="alert alert-danger">{{ warnings.save }}</div>
                    {% endif %}

                    <form method="POST" novalidate>

                        {% if not is_edit %}
                        <div class="mb-3">
                            <label class="form-label">Kod (unikalny, UPPERCASE)</label>
                            <input type="text" name="code" class="form-control text-uppercase"
                                   value="{{ row.code ?? '' }}" required
                                   placeholder="np. VISIT, AUDIT">
                        </div>
                        {% endif %}

                        <div class="mb-3">
                            <label class="form-label">Nazwa <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control"
                                   value="{{ row.name ?? '' }}" required>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Opis</label>
                            <textarea name="description" class="form-control" rows="3">{{ row.description ?? '' }}</textarea>
                        </div>

                        <div class="mb-3">
                            <label class="form-label">Kolejność wyświetlania</label>
                            <input type="number" name="sort_order" class="form-control"
                                   value="{{ row.sort_order ?? 0 }}" min="0">
                        </div>

                        <div class="mb-3 form-check">
                            <input type="checkbox" name="is_active" value="1" id="is_active"
                                   class="form-check-input"
                                   {{ (row.is_active is not defined or row.is_active) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">Aktywny</label>
                        </div>

                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary">
                                <i class="bi bi-check-lg me-1"></i>{{ is_edit ? 'Zapisz zmiany' : 'Dodaj typ' }}
                            </button>
                            <a href="{{ root }}/consultant-note-types" class="btn btn-light">Anuluj</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}