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

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

{% block style %}
    {{ parent() }}
    <style>
        .aside-portrait{left:-430px;top:-265px;}
    </style>
{% endblock %}

{% block header %}
{% include 'AppBundle:Documents:v2\\Include\\Global\\aside.html.twig'
    with {
        'asideLabel' : 'N/Réf&nbsp;:&nbsp;',
        'asideValue' : vehicleF.getVo(vehicle, {'previousValue': ''})
    }
%}
<table class="w-100">
    <tr>
        <td class="w-6"></td>
        <td class="w-88">
            {{ parent() }}
        </td>
    </tr>
</table>
{% endblock %}

{% block main_title %}
    {% include 'AppBundle:Documents:v2\\Include\\Global\\title.html.twig' with {'title': 'DECHARGE DE RESPONSABILITE DE VENTE'} %}
    <table class="w-100">
        <tr><td class="h-10"></td></tr>
        <tr><td class="w-100"><p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Pour la vente d'un véhicule d'occasion.</p></td></tr>
    </table>
{% endblock main_title %}

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

{% block content %}

    <table class="w-100">
        <tr><td class="h-40"></td></tr>
        <tr>
            <td class="w-30">
                <p class="fs-14 lh-18 fw-400 t-black">Je soussigné(e) (nom &amp; prénom)</p>
                <table><tr><td class="h-30"></td></tr></table>
                <p class="fs-14 lh-18 fw-400 t-black">Demeurant</p>
            </td>
            <td class="w-5"></td>
            <td class="w-65">
                <p class="h-20 dashed-grey"></p>
                <table><tr><td style="height: 26px;"></td></tr></table>
                <p class="h-20 dashed-grey"></p>
                <table><tr><td style="height: 26px;"></td></tr></table>
            </td>
        </tr>
    </table>

    <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">reconnais avoir pris possession, ce jour, de la garde juridique par le contrôle, la direction et l'usage du véhicule :</p></td></tr>
    </table>

    {% block vehicle_content %}

        <table class="w-100">
            <tr>
                <td class="w-100">

                    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_content.html.twig'
                        with {
                            'numberItemsPerLine' : 5,
                            'items' : [
                                {'label' : 'Marque', 'value' : vehicleF.getBrand(vehicle, {'truncate': 40})},
                                {'label' : 'Modèle', 'value' : vehicleF.getModel(vehicle, {'truncate': 40})},
                                {'label' : 'Genre', 'value' : vehicleF.getGender(vehicle, {})},
                                {'label' : 'Millésime', 'value' : vehicleF.getYear(vehicle, {})},
                                {'label' : 'Immatriculation', 'value' : vehicleF.getLicenseNumber(vehicle, {"afterValue": ""})},
                                {'label' : 'Couleur', 'value' : vehicleF.getColor(vehicle, {})},
                                {'label' : 'Puissance fiscale', 'value' : vehicleF.getTaxHorsePower(vehicle, {})},
                                {'label' : 'N° de série', 'value' : vehicleF.getVin(vehicle, {'truncate': 40})},
                                {'label' : '1ère M.E.C', 'value' : vehicleF.getDateOfDistribution(vehicle, {})},
                                {'label' : 'Kilométrage', 'value' : vehicleF.getDistanceTraveled(vehicle, {"afterValue": "Km"})}
                            ]
                        }
                    %}
                </td>
            </tr>
        </table>

    {% endblock %}

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Le véhicule est vendu en l\'état et sans garantie.'} %}
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Les papiers administratifs seront remis ultérieurement.'} %}
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Je déclare avoir reçu tous les papiers nécessaires au cahngement d\'immatriculation. Le kilométrage indiqué au compteur est donné à titre indicatif, si il n\'est pas garanti. Je m\'engage à ne pas circuler avec ce véhicule au delà d ela durée légale sans avoir fait établir une nouvelle carte grise à mon nom.'} %}
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Le CT est remis à l\'acquéreur.'} %}
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'LE CT est à effectuer par l\'acquéreur.'} %}
    </table>

    <table class="w-100">
        <tr><td class="h-40"></td></tr>
        <tr><td class="w-100"><p class="fs-14 lh-18 fw-400 t-black">Par la présente, je dégage {{ groupF.getCommonName(group, {}) }}, {{ groupF.getAddressSellingPoint(group, {'activeNl2br' : false}) }}, ancien propriétaire du véhicule, ainsi que tout autre intermédiaire interposé dans sa vente, de toute responsabilités civiles et pénales liées à la garde et à la conduite, à compter de ce jour, et renoncer aux dispositions de l'article 19bis de la loi du 13 juillet 1930 concernant l'assurance accident.</p></td></tr>
    </table>

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title.html.twig' with {'title' : 'Mandat carte grise'} %}

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'J\'autorise la société' ~ groupF.getCommonName(group, {}) ~ 'à faire les démarches de carte grise auprès de la préfecture en mon nom.'} %}
        <tr><td class="h-20"></td></tr>
        {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Je n\'autorise pas la société' ~ groupF.getCommonName(group, {}) ~ 'à faire les démarches de carte grise auprès de la préfecture en mon nom.' } %}
    </table>

{% endblock content %}

{% block signature %}
   {% include 'AppBundle:Documents:v2\\Include\\Global\\signature.html.twig' with {'object': group,
        'alternativeText' : "Fait à " ~ groupF.getAddressBilling(group, {'displayAddress': false, 'displayPostalCode': false, 'displayCity': true})|trim ~ groupF.getCommonName(group, {}) ~ ",  le " ~ globalF.getCurrentDate(timezone)|trim ~ " à" ~ globalF.getCurrentHour() ~ "."
    } %}
{% endblock signature %}