{% extends 'AppBundle:Documents:v2\\standard_layout.html.twig' %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle.html.twig' as vehicleF %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle_follow.html.twig' as vehicleFollowF %}
{% import 'AppBundle:Documents:v2\\Import\\vehicle_expertise.html.twig' as vehicleExpertiseF %}
{% import 'AppBundle:Documents:v2\\Import\\contact.html.twig' as contactF %}

{% block header %}

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_header.html.twig'
        with {
            'asideLabel' : 'Numéro de police : ',
            'asideValue' : vehicleF.getVo(vehicle, {'previousValue': ''}),
            'title' : documentTemplate.getTitle(),
        }
    %}
{% endblock %}

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

{% block content %}

    <!-- content -->
    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-6"></td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Fournisseur</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ contactF.getContactLabel(vehicle.purchase.newSupplier.contact, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Date de réception</p>
                <h6 class="fs-14 lh-18 fw-400 t-black"></h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Immatriculation</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getLicenseNumber(vehicle, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">N° de série</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getVin(vehicle, {}) }}</h6>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-6"></td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Puissance fiscale</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getHorsePower(vehicle, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Energie</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getEnergy(vehicle, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Kilométrage</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getDistanceTraveled(vehicle, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Boîte de vitesse</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getGearbox(vehicle, {}) }}</h6>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-6"></td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Marque</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getBrand(vehicle, {}) }}</h6>
            </td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Modèle</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getModel(vehicle, {}) }}</h6>
            </td>
            <td class="w-40">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Version</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getVersion(vehicle, {}) }}</h6>
            </td>
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-6"></td>
            <td class="w-20">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Couleur</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getColor(vehicle, {}) }}</h6>
            </td>
            <td class="w-60">
                <p class="fs-14 lh-14 fw-400 fs-i t-dark-grey">Carosserie</p>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getBodyWork(vehicle, {}) }}</h6>
            </td>
        </tr>
    </table>

    <!-- state title -->

    {% include 'AppBundle:Documents:v2\\Include\\Global\\title_content.html.twig' with {'title' : 'Etat&nbsp;des&nbsp;frais'} %}

    <!-- state -->

    <table class="w-100">
        <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">R = rayure, I = impact, T = tôlerie, C = Cassure.</p></td></tr>
    </table>

    <!-- content -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-48"><img src="{{ asset('/bundles/app/images/bodywork/berline_outdoor.png') }}" class="w-100"></td>
            <td class="w-2"></td>
            <td class="w-50">

            {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\vehicle_state_table.html.twig' with { 'column1' : '' } %}

            </td>
        </tr>
    </table>

    <!-- options title -->

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

    <!-- options -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Antenne.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Boite ampoule.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Carnet d\'entretien.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Carnet d\'utilisation.', 'labelWidth' : 'w-20'} %}
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-6"></td></tr>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Carnet de garantie.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Carte SD.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Coffre CD.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Cric/manivelle.', 'labelWidth' : 'w-20'} %}
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-6"></td></tr>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Double des clés.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Ecrou d\'antivol.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Gilet.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'GPS mobile.', 'labelWidth' : 'w-20'} %}
        </tr>
    </table>

    <table class="w-100">
        <tr><td class="h-6"></td></tr>
        <tr>
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : 'Triangle.', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : '', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : '', 'labelWidth' : 'w-20'} %}
            {% include 'AppBundle:Documents:v2\\Include\\Global\\checkbox_with_text.html.twig' with {'textValue' : '', 'labelWidth' : 'w-20'} %}
        </tr>
    </table>

    <!-- equipement -->

    {% include 'AppBundle:Documents:v2\\Include\\Vehicle\\equipment_list.html.twig' with { 'maxCharacter': 2500 } %}

    <!-- frais title -->
    <div style="page-break-before:always"></div>

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-48">
                <table class="w-100">
                    <tr>
                        <td><h5 class="fs-14 lh-14 fw-400 tt-u t-dark-grey">Frais&nbsp;estimés&nbsp;à&nbsp;la&nbsp;commande</h5></td>
                        <td class="w-2"></td>
                        <td class="w-98">
                            <table class="w-100">
                                <tr><td class="w-100 h-6"></td></tr>
                                <tr><td class="w-100 l-light-grey"></td></tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
            <td class="w-2"></td>
            <td class="w-50">
                <table class="w-100">
                    <tr>
                        <td><h5 class="fs-14 lh-14 fw-400 tt-u t-dark-grey">Frais&nbsp;constatés</h5></td>
                        <td class="w-2"></td>
                        <td class="w-98">
                            <table class="w-100">
                                <tr><td class="w-100 h-6"></td></tr>
                                <tr><td class="w-100 l-light-grey"></td></tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    <!-- frais -->

    <table class="w-100">
        <tr><td class="h-20"></td></tr>
        <tr>
            <td class="w-50">
                <table><tr><td class="h-6"></td></tr></table>
                <h6 class="fs-14 lh-18 fw-400 t-black">
                    {{ vehicleExpertiseF.getTotalStateCosting(expertise is defined and expertise is not empty and expertise.externalStateList is not empty ? expertise.externalStateList : '', expertise is defined and expertise is not empty and expertise.internalStateList is not empty ? expertise.internalStateList : '') }}
                    <span>&nbsp;{{ currencySymbol }}</span>
                </h6>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
            <td class="w-50">
                <table><tr><td class="h-6"></td></tr></table>
                <h6 class="fs-14 lh-18 fw-400 t-black">{{ vehicleF.getEstimateCost(vehicle, {}) }}<span>&nbsp;{{ currencySymbol }}</span></h6>
                <table><tr><td class="h-6"></td></tr></table>
            </td>
        </tr>
    </table>

    <!-- notes title -->

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

    <!-- 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">{{ vehicleExpertiseF.getComment(expertise, {}) }}</p>
            </td>
        </tr>
    </table>

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