{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}

{% block style %}
    {{ parent() }}
    <style>
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, embed, output, ruby, summary, time, mark, audio, video {
            font-family: 'Lato', sans-serif;
            font-style: normal;
        }
        .header td,
        .vehicle td {
            padding: 10px;
        }
        .inline div {
            display: inline-block;
        }
    </style>
{% endblock %}

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

{% block content %}
    {% set worksElements = vehicleData.worksElements %}

    <table class="w-100">
        <tr>
            <td class="w-100 fs-16">
                {{ worksElements.dateLastExpertise }}
            </td>
        </tr>
        <tr>
            <td class="w-100 h-20"></td>
        </tr>
    </table>
    <table class="w-100 border-black header">
        <tr>
            <td class="w-50 fs-26 lr-black">
                BON DE PREPARATION VO
            </td>
            <td class="w-50 fs-18">
                Livraison prévue le : {{ vehicleData.orderForm.deliveryDate }} {{ vehicleData.orderForm.deliveryHour }}
            </td>
        </tr>
    </table>
    <table class="w-100 border-black vehicle">
        <tr class="l-black">
            <td class="w-50 fs-20">
                Marque : {{ vehicleData.brand }}
            </td>
            <td class="w-50 fs-20">
                Couleur : {{ vehicleData.color }}
            </td>
        </tr>
        <tr>
            <td class="w-50 fs-20">
                Modèle : {{ vehicleData.model }}
            </td>
            <td class="w-50 fs-20">
                <div class="inline">
                    <div class="pad-r-10">Kms : {{ vehicleData.distanceTraveled is not empty ? vehicleData.distanceTraveled ~ ' Kms' : '' }}</div>
                    <div>Année : {{ vehicleData.year }}</div>
                </div>
            </td>
        </tr>
        <tr>
            <td class="w-50 fs-20">
                Version : {{ vehicleData.version }}
            </td>
            <td class="w-50 fs-20">
                Immatriculation : {{ vehicleData.licenseNumber }}
            </td>
        </tr>
        <tr>
            <td class="w-50 fs-20">
                N° de série : {{ vehicleData.vin }}
            </td>
            <td class="w-50 fs-20">
                Vendeur / Préparateur :
            </td>
        </tr>
    </table>
    <table class="w-100 l-black">
        <tr>
            <td class="w-48 lr-black">
                <table class="w-100">
                    <tr>
                        <td>
                            <p class="td-u fs-22">Extérieur :</p>
                        </td>
                    </tr>
                </table>
                <table class="w-100">
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Niveau d\'huile', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Niveau liquide refroidissement', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Niveau lave glace/ ADBLUE', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Niveau liquide frein / direction assistée', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Etat pneumatiques AV/AR', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Frein AV/AR', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Kit compress/Runflat/ Antivol', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Cric/ manivelle/antivol/ Roue de secours', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Fonctionnenement serrures portes/ coffres', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Fonctionnement éclairage extèrieurs/ rétros', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                </table>
                <table class="w-100">
                    <tr>
                        <td>
                            <p class="td-u fs-22">Intérieur :</p>
                        </td>
                    </tr>
                </table>
                <table class="w-100">
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Double des clés/ fonctionnement des 2 clefs', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Vitres électriques', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Rétro électrique/ rabatable', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Eclairage tableau de bord/ plafonnier', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Toit ouvrant/ store rideau', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Gicleurs laves phares/ glaces', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Balais essuie glace/ état pare brise', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Radio/ glaxon/ allume cigare/ prise 12V', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Sièges chauffants/ sièges électriques', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Téléphone bluetooth supprimer historique', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'GPS (supprimer destinations)/Trier les factures', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Vidange moteur : / / à km', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Vidange boîte : / / à km', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Distribution oui/ non - faite le / / à km', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Contrôle technique fait le / / à km', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                </table>
                <table class="w-100">
                    <tr>
                        <td>
                            <p class="td-u fs-22">Essai :</p>
                        </td>
                    </tr>
                </table>
                <table class="w-100">
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Démarrage/ freinage/ parallelisme/ équilibrage', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Suspension/ direction/ roulement', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Embrayage (course) / support moteur', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Régulateur/ Limiteur', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Radar/ caméra de recul', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                    {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Chauffage/ Clim (ventilation-répartition d\'air)', 'labelClass' : 'fs-12 lh-14 fw-400 t-black'} %}
                    <tr>
                        <td class="h-10"></td>
                    </tr>
                </table>
            </td>
            <td class="w-1"></td>
            <td class="w-48 ll-black">
                <table class="w-100">
                    <tr>
                        <td class="w-100 fs-26 td-u pad-l-10">
                            TRAVAUX A EFFECTUER
                        </td>
                    </tr>
                    <tr>
                        <td class="h-40"></td>
                    </tr>
                </table>
                <table class="w-100">
                    {% if worksElements is not empty %}
                        <tr>
                            <td class="ta-center fs-20">Travaux</td>
                            <td class="ta-center fs-20">Effectué le</td>
                            <td class="ta-center fs-20">Compagnon</td>
                        </tr>
                        {% for worksElement in worksElements %}
                            <tr>
                                <td class="w-25 ta-center">{{ worksElement.element }}</td>
                                <td class="w-25 ta-center">{{ worksElement.dateOfDistribution }}</td>
                                <td class="w-25 ta-center">{{ worksElement.companion }}</td>
                            </tr>
                        {% endfor %}
                    {% endif %}
                </table>
            </td>
        </tr>
    </table>
{% endblock content %}

{% block signature %}{% endblock %}
{% block footer %}
    {% include 'AppBundle:Documents:v2\\Include\\Global\\footer.html.twig' with {'object': group} %}
{% endblock footer %}