{% extends "juntagrico/manage/base.html" %}
{% load i18n %}
{% load juntagrico.config %}

{% block page_title %}
    <h3>
        {% trans "Unpublished Bills" %}
    </h3>
{% endblock %}

{% block content %}
    {% include 'juntagrico/manage/member/snippets/toggle_buttons.html' %}
    {{ block.super }}
{% endblock %}

{% block list %}
    <table id="filter-table" class="table">
        <thead>
            <tr>
                <th scope="col" class="filter">
                    {% trans "Number" %}
                </th>
                <th scope="col" class="filter">
                    {% trans "Member" %}
                </th>
                <th scope="col" class="filter">
                    {% trans "Kind" %}
                </th>
                <th scope="col" class="filter">
                    {% trans "Date" %}
                </th>
                <th scope="col" class="filter text-right">
                    {% trans "Amount" %}
                </th>
                <th>
                    {% trans "User view" %}
                </th>
            </tr>
        </thead>
        <tbody>
            {% for bill in bills_list %}
                <tr>
                    <td>
                        <a href="{% url 'admin:juntagrico_billing_bill_change' bill.id %}" class="bill-id">
                        {{ bill.id }}
                        </a>
                    </td>
                    <td>
                        {% include 'juntagrico/manage/member/snippets/display_linked.html' with member=bill.member %}
                    </td>
                    <td>
                        {{ bill.item_kinds }}
                    </td>
                    <td data-order="{{ bill.bill_date|date:"Y-m-d" }}">
                        {{ bill.bill_date|date:"SHORT_DATE_FORMAT" }}
                    </td>
                    <td class="text-right">
                        {{ bill.amount | floatformat:2 }}
                    </td>
                    <td>
                        <a href="{% url 'jb:user-bill' bill.id %}">{{ bill.id }}</a>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block datatable_constructor %}
    {{ block.super }}
    config.layout.topStart.features.buttons.push(
        id_action_button(
            '<i class="bi bi-send"></i> {% trans "Publish" %}',
            '{% url 'jb:bills-publish' %}',
            '{% csrf_token %}',
            '.bill-id', 'bill_ids'
        )
    )
{% endblock %}