{% extends '::base.html.twig' %}

{% block stylesheets %}
    {{ parent() }}

    <link rel="stylesheet" href="{{ asset('bundles/nodikacore/css/client.css') }}">
    <link rel="stylesheet" media="print" href="{{ asset('bundles/nodikacore/css/print.css') }}">
{% endblock %}


{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('bundles/nodikacore/js/client.js') }}"></script>
{% endblock %}

{% block body %}
<a href="" class="btn btn-default btn-print"><i class="glyphicon glyphicon-print"></i> Imprimer</a>
    
<div class="client-print">
    <!-- Entete -->
    <div class="entete">
        <span class="title">FICHE CLIENT</span>

        <span class="date_cmde" style="text-align:center;">{{ query_client_last_order(client) }}</span>
        <span class="date_cmde_label">Date de commande</span>
    </div>

    <div class="spacer"></div>

    <table class="table-header" style="width:300px;">
        <tbody>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;width:90px;">&nbsp;</td>
                <td style="border-top: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;">Code client : {{ client.code }}</td>
            </tr>
        </tbody>
    </table>

    <table class="table-header" style="width:490px;">
        <tbody>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;width:110px;">Contacts:</td>
                <td style="border-top: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;">{{ client.contactsStr2|raw }}</td>
            </tr>
        </tbody>
    </table>

    <div style="clear:both;"></div>
    <div class="spacer"></div>

    <!-- ROW 2 -->
    <table class="table-header" style="width:300px;">
        <tbody>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;width:90px;">Mairie</td>
                <td style="border-top: 1px solid #000;border-right: 1px solid #000;">{{ client.societe }}</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">Nom</td>
                <td style="border-right: 1px solid #000;">{{ client.nom }}</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">Adresse</td>
                <td style="border-right: 1px solid #000;">{{ client.adresseReal }}</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">CP, V, P</td>
                <td style="border-right: 1px solid #000;">{{ client.codePostal }} {{ client.ville }}</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">Email</td>
                <td style="border-bottom: 1px solid #000;border-right: 1px solid #000;">{{ client.email }}</td>
            </tr>
        </tbody>
    </table>

    <table class="table-header" style="width:260px;">
        <tbody>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;width:110px;">Conditions:</td>
                <td style="border-top: 1px solid #000;border-right: 1px solid #000;">&nbsp;</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">Vendeur:</td>
                <td style="border-right: 1px solid #000;">{{ client.getNumeroVendeur }}</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">B.P:</td>
                <td style="border-right: 1px solid #000;">&nbsp;</td>
            </tr>
            <tr>
                <td style="border-right: 1px solid #000;text-align:right;">Source:</td>
                <td style="border-bottom: 1px solid #000;border-right: 1px solid #000;">&nbsp;</td>
            </tr>
        </tbody>
    </table>

    <table style="float:right;">
        <tbody>
            <tr><td style="text-align:center;">POSITION</td></tr>
            <tr><td style="border:1px solid #000;width:150px;text-align:center;">{{ client.getPosition }}</td></tr>
            <tr>
                <td>
                    <div style="margin-top:10px;border:1px solid #000;width:150px;text-align:center;">
                        {{ client.getNombreHabitants }}
                    </div>
                </td>
            </tr>
        </tbody>
    </table>

    <div data-client-id="{{ client.id }}" class="free-comment" style="float: right;width: 480px;border: 1px solid black;margin-top: 1em;min-height:45px;position:relative;">
        <textarea class="{% if client.comment %}hidden{% endif %}" style="width:100%;height:100%;position:absolute;" placeholder="Entrez un commentaire">{{ client.comment }}</textarea>

        <div class="content" title="Cliquer ici pour éditer">
            {% if client.comment %}
                {{ client.comment }}
            {% endif %}
        </div>
    </div>

    <div style="clear:both;"></div>

    <div class="entete" style="width:200px;margin:0 auto;margin-top:20px;text-align:center;height:30px;">
        <h1 style="margin:0;padding:0;font-size:22px;">COMMENTAIRES</h1>
    </div>

    <table style="border:3px solid #000;width:100%;margin-top:20px;">
        <tbody>
            {% for bl in bl_sorted %}
            <tr style="border-bottom:1px solid #000;"><td>{{ bl.summary }}</td></tr>
            {% endfor %}

            {% if bl_sorted|length < 33 %}
            {% for item in bl_sorted|length..33 %}
            <tr style="border-bottom:1px solid #000;"><td>&nbsp;</td></tr>
            {% endfor %}
            {% endif %}
        </tbody>
    </table>

    <div style="margin-top:20px; margin-left:580px;">
        Date dernier RDV : <span style="border: 3px solid #000; padding:5px;">{{ client.dateRelance|date('d/m/Y') }}</span>
    </div>
<div>


{% endblock %}