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

{% block title %}Notatki konsultantów — sklep #{{ shop_id }}{% endblock %}

{% block page_heading %}
<div class="page-heading">
    <h3>Notatki konsultantów</h3>
    <p class="text-subtitle text-muted">Sklep #{{ shop_id }}</p>
</div>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">Notatki (łącznie z usuniętymi)</h4>
            </div>
            <div class="card-content">
                <div class="card-body px-3 py-4-5">
                    {% if notes is empty %}
                        <p class="text-muted">Brak notatek dla tej placówki.</p>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Typ</th>
                                        <th>Konsultant</th>
                                        <th>Treść (fragment)</th>
                                        <th>Data</th>
                                        <th>Status</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                {% for note in notes %}
                                    <tr class="{{ note.deleted_at ? 'text-muted' : '' }}">
                                        <td>{{ note.id }}</td>
                                        <td>
                                            {% if note.type_name %}
                                                <span class="badge bg-primary bg-opacity-10 text-primary">
                                                    {{ note.type_name }}
                                                </span>
                                            {% else %}—{% endif %}
                                        </td>
                                        <td>{{ note.consultant_id }}</td>
                                        <td style="max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
                                            {{ note.content|slice(0,80) }}{% if note.content|length > 80 %}…{% endif %}
                                        </td>
                                        <td style="white-space:nowrap;">{{ note.created_at|slice(0,16)|replace({'T': ' '}) }}</td>
                                        <td>
                                            {% if note.deleted_at %}
                                                <span class="badge bg-danger bg-opacity-10 text-danger">usunięta</span>
                                            {% else %}
                                                <span class="badge bg-success bg-opacity-10 text-success">aktywna</span>
                                            {% endif %}
                                        </td>
                                        <td>
                                            <a href="{{ root }}/consultant-notes/{{ note.id }}"
                                               class="btn btn-sm btn-light">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}