{% extends "orgapy/layout/skeleton.html" %}
{% load static %}

{% block title %}Checklists{% endblock title %}

{% block column_main %}
<div class="card">
    <h1 class="card-header">Checklists</h1>
    <div class="card-actions">
        <form id="createChecklistForm" action="{% url 'orgapy:checklists' %}" method="post">{% csrf_token %}<input type="hidden" name="title"><button tabindex="3"><i class="ri-add-line"></i> Create</button></form>
    </div>
</div>
{% if checklists %}
<div class="card">
    {% for checklist in checklists %}
    <div class="line">
        <a class="link-hidden" href="{{ checklist.get_absolute_url }}">{{ checklist.title }}</a>
    </div>
    {% endfor %}
    {% include 'orgapy/partials/pagination.html' %}
</div>
{% else %}
<div class="card">
    <div class="card-body">Nothing found 😔</div>
</div>
{% endif %}
<script type="text/javascript">bindCreateForm(createChecklistForm, "checklist")</script>
{% endblock column_main %}