{% 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="show-container_title">
        <div class="show-container_title-left">
            <h2>
                Facture pour le Dossier {{ dossier.codeAction }}
            </h2>
        </div>
        <div>
            <button style="padding:5px 10px;border-radius:5px" class="save-btn btn btn-light btn-lg" id="pdf-print"
                    title='exporter en pdf'><i style="color:#e74c3c" class="fal fa-file-pdf fa-lg"></i></button>
        </div>
    </div>
    <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 f-value-sm">
                        {{  facture.codeFacture }}
                        </span>
                </div>
                <div class="facture-date">
                    <span class="f-label-sm">Date</span>
                    <span class="f-value f-value-sm">
                        {{ facture.dateCreation|date('d/m/Y') }}
                    </span>
                </div>
                <div class="facture-client">
                    <div class="facture-client-top">
                        Client
                    </div>
                    <div class="facture-client-btm">
                        {{ dossier.nomCompte }}
                    </div>
                </div>
                <div class="facture-command">
                    <span class="f-label-lg">Bon de commande</span>
                    <span class="f-value f-value-lg">
                        {{ dossier.bonCommande }}
                    </span>
                </div>
            </div>
        </div>
        <div class="facture-body">
            <div class="facture-description">
                <div class="facture-description-top">
                    DESCRIPTION
                </div>
                <div class="facture-description-btm"></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">
                        {{ facture.codeLigne }}
                    </td>
                    <td class="facture-main-body-designation">
                        <div class="facture-main-body-designation-top">
                            {{ facture.designation1 }}
                        </div>
                        <div class="facture-main-body-designation-btm">
                            {{ facture.designation2 }}
                        </div>
                    </td>
                    <td class="facture-main-body-unit">
                        {{ facture.unite }}
                    </td>
                    <td class="facture-main-body-quantity">
                        {{ facture.quantite }}
                    </td>
                    <td class="facture-main-body-price" id="facture-main-body-price">
                        {{ dossier.tarifContracte }}
                    </td>
                    <td class="facture-main-body-amount" id="facture-main-body-amount">
                        {{ facture.totalHt }}€
                    </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">
                        {{ facture.totalHt }}
                    </div>
                </div>
                <div class="facture-total_VAT">
                    <div class="facture-total_VAT-title">
                        <span>Montant TVA</span><span>{{ facture.tva }}%</span>
                    </div>
                    <div class="facture-total_VAT-value" id="facture-total_VAT-value"></div>
                </div>
                <div class="facture-total_global">
                    <div class="facture-total_global-title">
                        TOTAL TTC FACTURE
                    </div>
                    <div class="facture-total_global-value" id="facture-total_global-value">
                        {{ facture.totalHt * (facture.tva/100) + facture.totalHt}}€
                    </div>
                </div>
            </div>
        </div>
        <div class="facture-footer">
            <div class="facture-observation">
                <div class="facture-observation-top">
                    Observation
                </div>
                <div class="facture-observation-btm">
                    {{ facture.observation }}
                </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">
            <h6 style="text-align: center">
                {{ agrope.denomination }}&nbsp;
                <span style="color:#d29d40 ">Siège social : </span> {{ agrope.siege }}
            </h6>
            <h6 style="text-align: center">
                <span style="color:#d29d40 ">RSC LIBOURNE :</span> {{ agrope.rcsLibourne }}&nbsp;
                <span style="color:#d29d40 ">N° Activité : </span> {{ agrope.agreementFormation }}&nbsp;
                <span style="color:#d29d40 ">APE : </span> {{ agrope.ape }}
            </h6>

        </div>
    </div>
</div>
<script>
    document.getElementById('pdf-print').addEventListener('click', e => {
        e.preventDefault()
        window.print()
    })
</script>

{% endblock %}