{% extends "base.html" %}

{% block title %}Sources{% endblock title %}

{% block content %}
<main>
    <h1>Sources</h1>

    <form action="/sources/add" method="post">
        <input type="url" name="source" placeholder="https://jak2k.schwanenberg.name/bookmarks.json">
        <button type="submit">Add</button>
    </form>

    <ul>
        {% for source in sources %}
            <li>
                {{ source }}
                <form action="/sources/remove?source={{ source }}" method="post">
                    <button type="submit">Remove</button>
                </form>
                <span hx-get="/sources/status?source={{ source }}" hx-trigger="load" hx-swap="innerHTMl">
                    <a href="/sources/status?source={{ source }}">Status</a>
                </span>
            </li>
        {% endfor %}
    </ul>
</main>
{% endblock content %}