{% extends "base_modal.html" %}

{% block id %}infoModal{% endblock %}

{% block title %}ℹ️ {{ _("Hint") }} {% endblock %}

{% block body %}
    <h5 id="infoModalTitle" class="text-lg font-semibold"></h5>
    <p id="infoModalText" class="mb-0"></p>
    <div id="infoModalBody"></div>
{% endblock %}

{% block footer %}
    <button type="button"
            class="px-4 py-2 rounded bg-green-600 text-white hover:bg-green-700"
            data-modal-close>
        {{ _("Understood") }}
    </button>
{% endblock %}