{% extends 'AppBundle:Documents:v2\\Vehicle\\N9_facture_achat.html.twig' %}
{% import 'AppBundle:Documents:v2\\Import\\service_purchase.html.twig' as servicePurchaseF %}
{% import 'AppBundle:Documents:v2\\Import\\global.html.twig' as globalF %}

{% block content %}

    <!-- title -->
    <table class="w-100 title">
        <tr>
            <td class="h-40"></td>
        </tr>
        <tr>
            <td class="w-100">
                <h1 class="fs-40 lh-40 fw-700 t-black tt-u">
                    Bon de commande N° {{ vehicleF.getReference(vehicle) }}
                </h1>
            </td>
        </tr>
        <tr>
            <td class="h-20"></td>
        </tr>
        <tr>
            <td class="w-100">
                <p class="fs-14 lh-18 fw-400 fs-i t-dark-grey">
                    du {{ vehiclePurchase.purchaseDate }}
                </p>
            </td>
        </tr>
    </table>

    <!-- content -->
    <table class="w-100">
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    {% include 'AppBundle:Documents:v2\\Include\\Global\\array_content.html.twig'
        with {
        'rowList' :
        [
            {
                'widthCells' : [2,2,2,2,2],
                'cellTdClass' : 'l-light-grey tab-light-grey',
                'items' : [
                {'label' : 'Marque', 'value' : vehicleF.getBrand(vehicle, {'truncate': 40})},
                {'label' : 'Modèle', 'value' : vehicleF.getModel(vehicle, {'truncate': 40})},
                {'label' : 'Version', 'value' : vehicleF.getVersion(vehicle, {'truncate': 40})},
                {'label' : 'Chassis N°', 'value' : vehicleF.getVin(vehicle, {'truncate': 40})},
                {'label' : 'Immatriculation N°', 'value' : vehicleF.getLicenseNumber(vehicle, {'truncate': 40})},
            ]
            },
            {
                'widthCells' : [2,2,2,2],
                'items' : [
                {'label' : 'Carrosserie', 'value' : vehicleData.bodywork},
                {'label' : 'Couleur carrosserie', 'value' : vehicleData.color},
                {'label' : 'Couleur intérieure', 'value' : vehicleData.insideColor},
                {'label' : 'Délai de livraison'},
            ]
            }
        ]
    } %}

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Montant'} %}

    <table class="w-100">
        <tr>
            <td class="w-40">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 fs-i ta-center t-dark-grey">Description</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-40">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 fs-i ta-center t-dark-grey">Montant</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-20">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 fs-i ta-center t-dark-grey">Confirmation de prix</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black">Prix catalogue</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black">
                    {{ vehiclePurchase.price }} {{ currencySymbol }}
                </p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-20 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
        </tr>
        {% for equipmentOptional in equipmentOptionalList %}
            <tr>
                <td class="w-40 tab-light-grey l-light-grey">
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                    <p class="fs-12 lh-14 fw-400 ta-center t-black">{{ equipmentOptional.option }}</p>
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                </td>
                <td class="w-40 tab-light-grey l-light-grey">
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                </td>
                <td class="w-20 tab-light-grey l-light-grey">
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                    <table>
                        <tr>
                            <td class="h-6"></td>
                        </tr>
                    </table>
                </td>
            </tr>
        {% endfor %}
        {% set totalPrice = vehiclePurchase.price + totalEquipmentOptionalPrice %}
        <tr>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black fw-b">Total</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black">{{ totalPrice|number_format(2, ',', ' ') }} {{ currencySymbol }}</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-20 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black fw-b">Total à payer</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-40 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <p class="fs-12 lh-14 fw-400 ta-center t-black">{{ totalPrice|number_format(2, ',', ' ') }} {{ currencySymbol }}</p>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
            <td class="w-20 tab-light-grey l-light-grey">
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td class="h-6"></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    {% block payment %}{% endblock payment %}

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Divers'} %}
    {% block notes %}
        <!-- notes -->
        <table class="w-100">
            <tr>
                <td class="h-20"></td>
            </tr>
            <tr>
                <td class="w-100">
                    <p class="fs-14 lh-18 fw-400 t-black">{{ vehiclePurchase.paymentNote }}</p>
                </td>
            </tr>
        </table>
    {% endblock notes %}

    <table class="w-100">
        <tr>
            <td class="h-80"></td>
        </tr>
    </table>

    {% include 'AppBundle:Documents:v2\\Include\\Global\\signature_twice.html.twig'
        with {
        'columnList':
        [
            {
                'label' : "Vendeur",
                'lineList' :
                [
                    {
                        'content' : contactF.getContactLabel(vehicle.purchase.newSupplier.contact, {}),
                        'lineClass' : 'fs-26 lh-32 fw-400 tt-u t-black',
                        'hasSpaceAfter' : true
                    },
                    {
                        'content' : addressF.getAddress(vehicle.purchase.newSupplier.addressHistory, {}) ~ addressF.getPostalCode(vehicle.purchase.newSupplier.addressHistory, {}) ~ addressF.getCity(vehicle.purchase.newSupplier.addressHistory, {})
                    }
                ]
            },
            {
                'label' : "Acheteur",
                'lineList' :
                [
                    {
                        'content' : groupF.getCorporateName(group, {}),
                        'lineClass' : 'fs-26 lh-32 fw-400 tt-u t-black',
                        'hasSpaceAfter' : true
                    },
                    {
                        'content' : groupF.getAddress(group.addressSellingPoint, {'activeNl2br': false })
                    },
                    {
                        'content' : 'TVA INTRA :' ~ groupF.getVatNumber(group, {})
                    }
                ]
            }
        ]
    } %}

{% endblock content %}

{% block signature %}
    <table>
        <tr>
            <td class="h-50"></td>
        </tr>
    </table>
    <table class="w-100">
        <tr>
            <td class="w-30">
                <table>
                    <tr>
                        <td class="h-42"></td>
                    </tr>
                </table>
                <table class="w-100">
                    <tr>
                        <td class="w-100 h-200 l-light-grey tab-light-grey">
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Confirmation de Commande avec délai
                            </p>
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Date :
                            </p>
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Signature et cachet
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-40"></td>
            <td class="w-30">
                <p class="ta-right fs-14">
                    Bon pour commande, le {{ globalF.getCurrentDate(timezone)|trim }}.
                </p>
                <table>
                    <tr>
                        <td class="h-20"></td>
                    </tr>
                </table>
                <table class="w-100">
                    <tr>
                        <td class="w-100 h-200 l-light-grey tab-light-grey">
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Confirmation de Commande avec délai
                            </p>
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Date :
                            </p>
                            <p class="fs-12 lh-32 fw-400 ta-left pad-l-15">
                                Signature et cachet
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="h-60"></td>
        </tr>
    </table>

    <table class="w-100">
        <tr>
            <td class="w-100 ta-center">
                <p class="fs-16 lh-26 fw-700 t-black">
                    Confirmation par retour SVP
                </p>
            </td>
        </tr>
        <tr>
            <td class="h-60"></td>
        </tr>
    </table>
{% endblock signature %}

{% block footer %}
    {% include 'AppBundle:Documents:v2\\Include\\Global\\footer.html.twig' with {'object': group, 'footerClass': 'fs-12 lh-12 fw-400 fs-i ta-center t-dark-grey', 'footerId': 'footer-portrait-special'} %}
{% endblock footer %}