{% extends 'base.html' %}
{% from 'bootstrap5/form.html' import render_form %}
{% from 'macros.html' import render_inline_form %}

{% block title %}Manage Links{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Links
    <small class="text-muted">{{ links|length }}</small>
    <span class="float-end">
      <a class="btn btn-primary btn-sm" href="{{ url_for('.new_link') }}">New Link</a>
    </span>
  </h1>
</div>
{% if links %}
<table class="table table-striped">
  <thead>
    <tr>
      <th>Name</th>
      <th>URL</th>
      <th>Actions</th>
    </tr>
  </thead>
  {% for link in links %}
  <tr>
    <td>{{ link.name }}</td>
    <td><a href="{{ link.url }}" target="_blank">{{ link.url }}</a></td>
    <td>
      <a class="btn btn-outline-info btn-sm"
          href="{{ url_for('.edit_link', link_id=link.id) }}">Edit</a>
      {{ render_inline_form(
        action=url_for('.delete_link', link_id=link.id),
        button_style='outline-danger',
        button_text='Delete',
      ) }}
    </td>
  </tr>
  {% endfor %}
</table>
{% else %}
<div class="tip">
  <h5>No links.</h5>
</div>
{% endif %}
{% endblock %}