{% extends 'base.html.twig' %}

{% block title %}{{ parent() }} - Admin - Budgétisation{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/home/menus.css') }}">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/home/menu.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/admin/adminBudgeting.js') }}?{{ random() }}"></script>
{% endblock %}

{% block body %}
    <div id="body" class="p-3">
        <div class="row">
            <div class="col-12 text-center">
                <h3><i class="fa-solid fa-money-check-dollar-pen"></i>&nbsp;Gestion du budget</h3>
            </div>
            <div class="col-12 d-flex justify-content-center">
                <hr class="w-50 ">
            </div>
        </div>
        <div class="row" id="service-budgeting">
            {% for service in services %}
                {% set adminBudget = budgetService|filter(v => service.id == v.idService) %}
                <div class="col-6">
                    <div class="input-group mb-3">
                        <span class="input-group-text col-4">{{ service.designation }}</span>
                        <input type="number" min="0" class="form-control" data-service="{{ service.id | encode }}"
                               placeholder="Prix par semaine" value="{{ ((adminBudget is defined and adminBudget is not empty) ? adminBudget|first.quantity : '') }}">
                        <span class="input-group-text">€</span>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}