{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}
{% import 'AppBundle:Documents:v2\\Import\\group.html.twig' as groupF %}
{% import 'AppBundle:Documents:v2\\Import\\global.html.twig' as globalF %}

{% block style %}
    {{ parent() }}
    <style>
        table {
            width: 100%;
        }

        table tr td {
            font-family: 'Calibri', sans-serif;
            font-size: 20px;
        }

        .header tr td {
            font-family: 'Merriweather Sans', sans-serif;
        }

        .table-vehicle td {
            font-size: 22px;
        }

        .table-informations td {
            font-size: 26px;
        }
    </style>
{% endblock style %}

{% block header %}{% endblock header %}
{% block main_title %}{% endblock main_title %}

{% block content %}
    {% set purchaseSupplier = vehicleData.purchaseSupplier %}
    {% set addressSellingPoint = groupData.addressSellingPoint %}
    {% if vehicleData.orderForm is not null %}
        {% set orderForm = vehicleData.orderForm %}
        {% set customerOrderForm = orderForm.customer %}
    {% endif %}

    <table class="w-100 header">
        <tr>
            <td class="w-50">
                <img style="width: 90%;" src="{{ asset('/bundles/app/images/avenard/logo.jpg') }}">
            </td>
            <td class="w-50 ta-right">
                <p class="t-pink fs-36 lh-40 fw-600">{{ groupData.commonName }}</p>
                <p class="fs-16 lh-24">
                    {{ addressSellingPoint.address }} -
                    {{ addressSellingPoint.postalCode }}
                    {{ addressSellingPoint.city }} -
                    Tel {{ groupData.phoneNumber }}
                </p>
                <p class="fs-16 lh-24">Email : {{ groupData.email }}</p>
                <p class="fs-14 lh-18">{{ groupData.legalForm }} au capital de {{ groupData.capitalStock }} {{ currencySymbol }} - Code
                    APE {{ groupData.apeCode }}</p>
                <p class="fs-14 lh-18">Siret {{ groupData.siretNumber }} - {{ groupData.vatNumber }}</p>
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-50"></td>
        </tr>
    </table>
    <table class="ta-center fw-b tt-u table-informations">
        <tr>
            <td>
                {{ vehicleData.brand }} {{ vehicleData.model }} {{ vehicleData.version }}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    <table class="fw-b tt-u table-informations">
        <tr>
            <td class="w-25 ta-right">
                N°LP : {{ vehicleData.vo }}
            </td>
            <td class="w-50 ta-center">
                {{ vehicleData.licenseNumber }}
            </td>
            <td class="w-25"></td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    <table class="fw-b table-vehicle">
        <tr>
            <td class="w-25 ta-right">
                Couleur :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.color }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                N° Série :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.vin }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                Type mines :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.cnit }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                Puissance fiscale :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.taxHorsepower }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                1ère M.E.C :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.dateOfDistribution|date('d/m/Y') }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                Millésime :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.year }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                Kilométrage :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.distanceTraveled }}
            </td>
        </tr>
        <tr>
            <td class="w-25 ta-right">
                Date d'entrée :
            </td>
            <td class="ta-left pad-l-10">
                {{ vehicleData.follow.entryFleetDate }}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-50"></td>
        </tr>
    </table>
    <table class="fw-b">
        <tr>
            <td class="w-26 ta-right">
                Fournisseur :
            </td>
            <td class="ta-left pad-l-10">
                {% if purchaseSupplier.civility is defined %}
                    {{ purchaseSupplier.civility|trans({}, 'CommonTrans') }}
                    {{ purchaseSupplier.firstName }}
                    {{ purchaseSupplier.lastName }}
                {% else %}
                    {{ purchaseSupplier.corporateNameContact }}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td class="w-26"></td>
            <td class="ta-left pad-l-10">
                {{ purchaseSupplier.address }}
            </td>
        </tr>
        <tr>
            <td class="w-26"></td>
            <td class="ta-left pad-l-10">
                {{ purchaseSupplier.postalCode }} {{ purchaseSupplier.city }}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-20"></td>
        </tr>
    </table>
    <table class="fw-b l-black">
        <tr>
            <td class="w-26 ta-right pad-t-30">
                Client :
            </td>
            <td class="ta-left pad-l-10 pad-t-30">
                {% if customerOrderForm.civility is defined %}
                    {{ customerOrderForm.civility|trans({}, 'CommonTrans') }}
                    {{ customerOrderForm.firstName }}
                    {{ customerOrderForm.lastName }}
                {% else %}
                    {{ customerOrderForm.corporateNameContact }}
                {% endif %}
            </td>
        </tr>
        <tr>
            <td class="w-26"></td>
            <td class="ta-left pad-l-10">
                {{ customerOrderForm.address }}
            </td>
        </tr>
        <tr>
            <td class="w-26"></td>
            <td class="ta-left pad-l-10">
                {{ customerOrderForm.postalCode }} {{ customerOrderForm.city }}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table class="fw-b">
        <tr>
            <td class="w-26 ta-right">
                Vendu le :
            </td>
            <td class="w-74 ta-left pad-l-10">
                {% if orderForm is not null %}
                    {{ orderForm.date }}
                {% endif %}
            </td>
        </tr>
    </table>
    <table>
        <tr>
            <td class="h-40"></td>
        </tr>
    </table>
    <table class="fw-b l-black">
        <tr>
            <td class="w-26 ta-right pad-t-30">
                Observation :
            </td>
            <td class="w-74"></td>
        </tr>
    </table>
{% endblock content %}

{% block footer %}{% endblock %}
{% block signature %}{% endblock %}