{% extends "superx_budget:pyramid/templates/layout.jinja2" %}

{% block content %}

    <div class="row">
        <div class="col">
            <h2>
                Budget Overview {{ account_year }}
                <small class="text-muted">as of {{ export_date }}</small>
            </h2>

            <form class="form" action="/send" method="post">
                <input type="hidden" name="export_date" value="{{ export_date }}" >
                <input type="hidden" name="template" value="{{ template }}" >
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th scope="col">Project</th>
                            <th scope="col">PSP</th>
                            <th scope="col" class="text-right">Budget</th>
                            <th scope="col" class="text-right">Expenses</th>
                            <th scope="col" class="text-right">Rest</th>
                        </tr>
                    </thead>
                    <tbody>

                    {% for budget in overview %}

                        <tr scope="row" class="{% if budget.available<0 %}table-danger{% endif %}">
                            <td>
                                {{budget.budget_data.project_name}}
                            </td>
                            <td>{{budget.budget_data.project}}</td>
                            <td class="text-right">
                                <input type="hidden" name="budget-{{budget.row}}" value="{{ '{:.2f}'.format(budget.budget_data.budget) }}">
                                {{ "{:,.2f}".format(budget.budget_data.budget) }} €
                            </td>
                            <td class="text-right">
                                {% if budget.found %}
                                    <input type="hidden" name="expense-{{budget.row}}" value="{{budget.expenses}}">
                                    {{ "{:,.2f}".format(budget.expenses) }} €

                                {% else %}
                                    <input type="number" name="expense-{{budget.row}}" value="0" min="0" required="required" class="currency text-right form-control"> €
                                {% endif %}
                            </td>
                            <td class="text-right">{{ "{:,.2f}".format(budget.available) }} €</td>
                        </tr>

                    {% endfor %}

                    </tbody>
                </table>

                <h4 class="mt-5">Who should receive the list </h4>
                <label for="recipients">Please separate the recipients by new lines:</label>
                <textarea class="form-control" name="recipients" id="recipients" rows="{{ recipients|count + 3 }}">{{ recipients|join("\n") }}{{ "\n" }}</textarea>
                <p class="mt-4">
                    <button type="submit" name="submit" value="submitted" class="btn btn-primary">Send List</button>
                </p>

            </form>

        </div>
    </div>
{% endblock content %}