{% load money %}
<div class="overflow-x-auto">
    <table class="table">
        <thead>
            <tr>
                <th>Concept</th>
                <th class="text-right w-32">Amount</th>
            </tr>
        </thead>
        <tbody>
            {% for entry in entries %}
            <tr>
                <td>{{ entry.concept.name }}</td>
                <td class="text-right">
                    <form data-liveview-function="save_monthly_fixed_expense"
                          data-action="input->page#run"
                          data-liveview-debounce="300">
                        <input type="hidden" name="entry_id" value="{{ entry.id }}">
                        <input type="hidden" name="year" value="{{ year }}">
                        <input type="hidden" name="month" value="{{ month }}">
                        <input type="text"
                               name="fe_amount"
                               inputmode="decimal"
                               value="{% if entry.amount %}{{ entry.amount|money }}{% endif %}"
                               placeholder="0,00"
                               class="input input-bordered input-sm w-28 text-right">
                    </form>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="2" class="text-center text-base-content/50">No fixed expenses configured. Add them in Settings.</td>
            </tr>
            {% endfor %}
        </tbody>
        {% if entries %}
        <tfoot>
            <tr class="font-bold">
                <td>Total</td>
                <td class="text-right" id="fe-total">{{ total|money }} €</td>
            </tr>
        </tfoot>
        {% endif %}
    </table>
</div>