{% extends 'base.html' %}

{% block content %}
    <div class='link'>
        <div>
            <form method="post" action="/add">
            <span class="name"><input type="text" name="name" placeholer="name"></input></span>
            <span class="target"><input type="text" name="target" placeholder="http://example.com"></input></span>
            <span class="add_button"><button type="submit">Add</button></span>
            </form>
        </div>
    </div>

    {% for link in links %}
        <div class='link'>
            <div>
                <span class="name"><a href="/{{ link['name'] }}">{{ link['name'] }}</a></span>
                <span class="target">{{ link['target'] }}</span>
                <span class="target">{{ link['hit_count'] }}</span>
                <span class="edit_button"><a href="{{ url_for('edit_link_form', link_name=link['name']) }}">Edit</a></span>
                <span class="delete_button"><a href="{{ url_for('delete_link_form', link_id=link['id']) }}">Delete</a></span>
            </div>
        </div>
    {% endfor %}
{% endblock %}