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


{% block title %} Achat {% endblock %}


{% block breadcrumb %}

    <h1 class="page-heading d-flex flex-column justify-content-center text-gray-900 fw-bold fs-3 m-0">
        Ajouter un achat pour la cantine
    </h1>

    <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0">

        <li class="breadcrumb-item text-muted">
            <a href="{{ path('app_home') }}" class="text-muted text-hover-primary">Accueil</a>
        </li>

        <li class="breadcrumb-item">
            <span class="bullet bg-gray-500 w-5px h-2px"></span>
        </li>

        <li class="breadcrumb-item text-muted">Cantine</li>

    </ul>
{% endblock %}

{% block body %}
<div class="row g-5 g-lg-10">
    <div class="col-xxl-12">

        <div class="card card-flush h-lg-100" id="kt_contacts_main">
            

            <!--begin::Card body-->
            <div class="card-body pt-5">

                <!--begin::Form-->
                {{ form_start(form, {'attr': {'class': 'form fv-plugins-bootstrap5 fv-plugins-framework'}}) }}


                    <div class="fv-row mb-7 fv-plugins-icon-container">

                        <label class="fs-6 fw-semibold form-label mt-3">
                            <span class="required">Date d'achat</span>
                        </label>

                        {{ form_widget(form.dateOperation) }}
                        
                       
                        <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                            {{ form_errors(form.dateOperation) }}
                        </div>
                    </div>


                    <div class="fv-row mb-7 fv-plugins-icon-container">

                        <label class="fs-6 fw-semibold form-label mt-3">
                            <span class="required">Montant total</span>
                        </label>

                        {{ form_widget(form.montantTotal) }}
                        
                       
                        <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                            {{ form_errors(form.montantTotal) }}
                        </div>
                    </div>


                    <div class="fv-row mb-7 fv-plugins-icon-container">

                        <label class="fs-6 fw-semibold form-label mt-3">
                            <span class="required">Mode de paiement</span>
                        </label>

                        {{ form_widget(form.modePaiement) }}
                        
                       
                        <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                            {{ form_errors(form.modePaiement) }}
                        </div>
                    </div>

                    <div class="fv-row mb-7 fv-plugins-icon-container">

                        <label class="fs-4 card-title mt-3">
                            <span>Liste des achats</span>
                        </label>

                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th scope="col" class="required">Nom du produit</th>
                                        <th scope="col" class="required">Quantité</th>
                                        <th scope="col">Unité</th>
                                        <th scope="col" class="required">Prix unitaire</th>
                                        <th scope="col" class="required">Prix total</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for items in form.tresorerieItems %}
                                        <tr>
                                            <th>{{ form_widget(items.label) }}</th>
                                            <td>{{ form_widget(items.quantite) }}</td>
                                            <td>{{ form_widget(items.unite) }}</td>
                                            <td>{{ form_widget(items.prixUnitaire) }}</td>
                                            <td>{{ form_widget(items.montant) }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>

                    </div>

                    <div class="fv-row mb-7 fv-plugins-icon-container">

                        <label class="fs-6 fw-semibold form-label mt-3">
                            <span class="required">Photo(s) des achats (et/ou les reçus)</span>
                        </label>

                        {{ form_widget(form.receipt) }}
                        
                       
                        <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">
                            {{ form_errors(form.receipt) }}
                        </div>
                    </div>

                 

            

                    <!--begin::Separator-->
                    <div class="separator mb-6"></div>
                    <!--end::Separator-->

                    <!--begin::Action buttons-->
                    <div class="d-flex justify-content-end">

                        <!--begin::Button-->
                        <button type="submit" data-kt-contacts-type="submit" class="btn btn-primary">
                            <span class="indicator-label">
                                Enregistrer
                            </span>
                        </button>
                        <!--end::Button-->
                    </div>
            
                {{ form_widget(form._token) }}

                {{ form_end(form, {'render_rest': false}) }}
            </div>
            <!--end::Card body-->
        </div>
    
    </div>
</div>
{% endblock %}