{% extends 'base.html.twig' %}
{% block facture %}
    <link rel="stylesheet" href="{{ asset('assets/styles/css/facture.min.css') }}">
{% endblock %}
{% block body %}
    <div class="show-container facture">
        <div class="facture-global">
            <div class="facture-header">
                <div class="facture-header-left">
                    <div class="facture-logo">AGROPE</div>
                    <div class="facture-action">{{ agrope.action }}</div>
                    <div class="facture-address">
                        <div class="facture-address-top">{{ agrope.addresse }}</div>
                        <div class="facture-address-btm">{{ agrope.cp }} {{ agrope.ville }}</div>
                    </div>
                    <div class="facture-tel">Tel: {{ agrope.telephone }}</div>
                    <div class="facture-mail">Email: {{ agrope.mail }}</div>
                </div>
                <div class="facture-header-right">
                    <div class="facture-title">FACTURE</div>
                    <div class="facture-number"><span class="f-label-sm">N° Fact</span><span class="f-value-sm">TestBugsminers</span>
                    </div>
                    <div class="facture-date"><span class="f-label-sm">Date</span><span
                                class="f-value-sm">{{ "now"|date("m/d/Y") }}</span></div>
                    <div class="facture-client">
                        <div class="facture-client-top">Client</div>
                        <div class="facture-client-btm">Dummy</div>
                    </div>
                    <div class="facture-command"><span class="f-label-lg">Bon de commande</span><span
                                class="f-value-lg">TestBugsminers</span></div>
                </div>
            </div>
            <div class="facture-body">
                <div class="facture-description">
                    <div class="facture-description-top">DESCRIPTION</div>
                    <div class="facture-description-btm">Bugsminers Rocks !</div>
                </div>
                <table class="facture-main">
                    <thead class="facture-main-head">
                    <tr>
                        <th class="facture-main-code">Code</th>
                        <th class="facture-main-designation">Designation</th>
                        <th class="facture-main-unit">Unité</th>
                        <th class="facture-main-quantity">Qtté</th>
                        <th class="facture-main-price">PU</th>
                        <th class="facture-main-amount">Montant</th>
                    </tr>
                    </thead>
                    <tbody class="facture-main-body">
                    <tr>
                        <td class="facture-main-body-code">2</td>
                        <td class="facture-main-body-designation">
                            <div class="facture-main-body-designation-top">Prestation Formation preparateur de
                                commande
                            </div>
                            <div class="facture-main-body-designation-btm">Date du 03/02/2020 au 14/02/2020</div>
                        </td>
                        <td class="facture-main-body-unit">Jour</td>
                        <td class="facture-main-body-quantity">10</td>
                        <td class="facture-main-body-price">300,00 €</td>
                        <td class="facture-main-body-amount">3 000 €</td>
                    </tr>
                    </tbody>
                </table>
                <div class="facture-main-foot">
                    <div class="facture-total">
                        <div class="facture-total-title">TOTAL HT FACTURE</div>
                        <div class="facture-total-value">573 800,00 €</div>
                    </div>
                    <div class="facture-total_VAT">
                        <div class="facture-total_VAT-title"><span>Montant TVA</span><span>20%</span></div>
                        <div class="facture-total_VAT-value">114 760,00 €</div>
                    </div>
                    <div class="facture-total_global">
                        <div class="facture-total_global-title">TOTAL TTC FACTURE</div>
                        <div class="facture-total_global-value">689 560,00€</div>
                    </div>
                </div>
            </div>
            <div class="facture-footer">
                <div class="facture-observation">
                    <div class="facture-observation-top">Observation</div>
                    <div class="facture-observation-btm"></div>
                </div>
                <div class="facture-condition">
                    <div class="facture-condition-top">Condition</div>
                    <div class="facture-condition-btm">{{ agrope.conditionsGenerales }}</div>
                </div>
            </div>
            <hr/>
            <div class="facture-society_denomination">
                <div class="facture-society_denomination-side">
                    <span>{{ agrope.denomination }}</span>
                    <div><span>Siege social</span><span>{{ agrope.siege }}</span></div>
                </div>
                <div class="facture-society_denomination-side">
                    <div><span>RCS LIBOURNE :</span><span>{{ agrope.rcsLibourne }}</span></div>
                    <div><span>N°Activité :</span><span>{{ agrope.agreementFormation }}</span></div>
                    <div><span>APE :</span><span>{{ agrope.ape }}</span></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}