else %}
        <div class="col-12">
            <div class="alert alert-info">
                You haven't created any tags yet. Create one to categorize your expenses!
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        document.getElementById('toggleTagForm').addEventListener('click', toggleTagForm);
        
        // Update color hex value when the color picker chang