{# Базовый шаблон всей админки: shared JS + confirm modal; Vue — только в admin_vue_scripts. #}
{% extends "base.html" %}
{% block body_class %}admin-panel{% endblock %}

{% block content %}
<div class="admin-page-content">
{% block admin_content %}{% endblock %}
</div>

<div class="modal fade" id="adminConfirmModal" tabindex="-1" aria-labelledby="adminConfirmTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered admin-confirm-modal__dialog">
        <div class="modal-content admin-confirm-modal">
            <div class="modal-header admin-confirm-modal__header">
                <div class="admin-confirm-modal__icon admin-confirm-modal__icon--warning" id="adminConfirmIcon" aria-hidden="true">
                    <i class="bi bi-exclamation-triangle"></i>
                </div>
                <h5 class="modal-title" id="adminConfirmTitle">Подтверждение</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
            </div>
            <div class="modal-body">
                <p class="admin-confirm-modal__message mb-0" id="adminConfirmMessage"></p>
            </div>
            <div class="modal-footer admin-confirm-modal__footer">
                <button type="button" class="btn ghost" id="adminConfirmCancel" data-bs-dismiss="modal">Отмена</button>
                <button type="button" class="btn secondary" id="adminConfirmOk">Подтвердить</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script src="{{ url_for('static', filename='js/admin-modal.js') }}"></script>
<script src="{{ url_for('static', filename='js/admin-shared.js') }}"></script>
<script src="{{ url_for('static', filename='js/admin-confirm.js') }}"></script>
{% block admin_vue_scripts %}{% endblock %}
{% block admin_scripts %}{% endblock %}
{% endblock %}