ut>
        {% if todos %}
        <ul class="divide-y divide-gray-200">
            {% for todo in todos %}
            <li class="p-4 flex justify-between transition duration-500 ease-in-out">
                <div class="flex items-center">
                    <input type="checkbox" meld:click="complete_todo({{loop.index -1}})" class="block mr-2 h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"/>
                {% if edit_todo_index == loop.index - 1%}
                <input class="a