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

{% block style %}
    {{ parent() }}
    <style>
        div {
            position: absolute;
            z-index: 2;
        }
        .text {
            font-size: 15px;
        }

        .logo {
            top: 15px;
            left: 50px;
        }

        .customer-label {
            width: 220px;
            top: 290px;
            left: 130px;
        }

        .customer-address {
            width: 220px;
            top: 326px;
            left: 130px;
        }

        .customer-identity-card {
            width: 220px;
            top: 326px;
            left: 730px;
        }

        .group-name {
            width: 200px;
            top: 500px;
            left: 400px;
        }

        .group-address {
            width: 200px;
            top: 530px;
            left: 400px;
        }

        .vehicle-brand {
            width: 300px;
            top: 777px;
            left: 130px;
        }

        .vehicle-model {
            width: 300px;
            top: 811px;
            left: 130px;
        }

        .vehicle-version {
            width: 300px;
            top: 845px;
            left: 130px;
        }

        .vehicle-color {
            width: 300px;
            top: 811px;
            left: 600px;
        }

        .vehicle-vin {
            width: 300px;
            top: 845px;
            left: 640px;
        }

        .address-billing {
            width: 250px;
            top: 1238px;
            left: 330px;
        }

        .current-date {
            width: 250px;
            top: 1263px;
            left: 295px;
        }
    </style>
{% endblock style %}

{% block body %}
    <div>
        <img style="width: 100%;" src="{{ asset('/bundles/app/images/srjauto/mandat_achat.jpg') }}">
    </div>

    <!-- logo -->
    <div class="logo">
        {{ groupF.getLogo(group) }}
    </div>
    <!-- end logo -->

    <!-- customer -->
    <div class="text customer-label">
        {{ orderFormF.getCustomerLabel(order_form, {'corporate': true}) }}
    </div>
    <div class="text customer-address">
        {{ orderFormF.getCustomerAddress(order_form, {}) }}
    </div>
    <div class="text customer-identity-card">
        {{ orderFormF.getIdentityCardNumber(order_form, {}) }}
    </div>
    <!-- end customer -->

    <!-- group -->
    <div class="text ta-center group-name">
        {% set value = group.commonName is not empty ? groupF.getCommonName(group, {}) : groupF.getCorporateName(group, {}) %}
        <p class="fs-18">{{ value }}</p>
    </div>
    <div class="text ta-center group-address">
        <p class="fs-18">{{ groupF.getAddressSellingPoint(group, {'spaceAfterPostalCode': false}) }}</p>
    </div>
    <!-- end group -->

    <!-- vehicle -->
    <div class="text vehicle-brand">
        {{ vehicleF.getBrand(vehicle, {'truncate': 40}) }}
    </div>
    <div class="text vehicle-model">
        {{ vehicleF.getModel(vehicle, {'truncate': 40}) }}
    </div>
    <div class="text vehicle-color">
        {{ vehicleF.getColor(vehicle, {'truncate': 40}) }}
    </div>
    <div class="text vehicle-version">
        {{ vehicleF.getVersion(vehicle, {'truncate': 40}) }}
    </div>
    <div class="text vehicle-vin">
        {{ vehicleF.getVin(vehicle, {'truncate': 40}) }}
    </div>
    <!-- end vehicle -->

    <!-- footer -->
    <div class="text address-billing">
        <p class="fs-18">{{ groupF.getAddressBilling(group, {'displayAddress': false, 'displayPostalCode': false, 'displayCity': true})|trim }}</p>
    </div>
    <div class="text current-date">
        <p class="fs-18">{{ globalF.getCurrentDate(timezone)|trim }}</p>
    </div>
    <!-- end footer -->
{% endblock body %}