       <span class="opacity-50">{{todo}}</span>
                <button meld:click="undo({{loop.index - 1}})" 
                    class="text-red-700 pl-4">Undo</button>
                </div>
                </li>
                {% endfor %}
            <ul>
        </div>
        {% endif %}
        {% if not todos and not completed_todos %}
        <p class="text-gray-500">
        You have nothing on your todo list
        </p>
        {% endif %}


    </div>
</div>
