{% extends 'impression/base.html.twig' %}

{% block stylesheets %}
<style type="text/css">
.signature-box {
    border: 1px solid #000;
    padding: 10px;
    min-height: 100px;
    text-align: center;
}

.checklist-item {
    margin: 5px 0;
}

.checkbox {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    margin-right: 10px;
    vertical-align: middle;
}
</style>
{% endblock %}

{% block body %}
<div style="text-align:center;width:100%;margin:auto;">
    
    <table width="100%">
        <tr>
            <td width="50%" valign="top">
                <div style='border:1px solid;padding:5px 10px;text-align:left; border-radius: 10px;'>
                    <b style="font-size:18px;">{{ dossier.getMagasin().titre }}</b><br>
                    {% if dossier.getMagasin().getAdresse() %}{{ dossier.getMagasin().adresse }}<br>{% endif %}
                    {% if dossier.getMagasin().getTelephone() %}Téléphone: {{ dossier.getMagasin().telephone }}<br>{% endif %}
                    {% if dossier.getMagasin().getFax() %}Télécopie: {{ dossier.getMagasin().fax }}<br>{% endif %}
                    {% if dossier.getMagasin().getEmail() %}{{ dossier.getMagasin().email }}<br>{% endif %}
                </div>
            </td>
            <td width="50%" style='text-align:center;'>
                <div style="text-align:right;">
                    {% if dossier.getMagasin().photo %}
                        <img src="{{ asset('uploads/magasins/' ~ dossier.getMagasin().photo) }}" height="80px">
                    {% endif %}
                </div>
                <div style="margin-top:10px;">
                    <h2 style="margin:5px 0;">BON DE SORTIE VÉHICULE</h2>
                    <b style="font-size:16px;">Dossier N°: {{ dossier.numDossier }}</b>
                </div>
            </td>
        </tr>
    </table>

    <br>

    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th colspan="2">Informations Client</th>
        </tr>
        <tr>
            <td width="50%">
                <b>Nom/Raison sociale:</b> {{ dossier.getClient().getRaisonSociale() }}<br>
                {% if dossier.getClient().getAdresse() %}<b>Adresse:</b> {{ dossier.getClient().getAdresse() }}<br>{% endif %}
            </td>
            <td width="50%">
                {% if dossier.getClient().getTelephone() %}<b>Téléphone:</b> {{ dossier.getClient().getTelephone() }}<br>{% endif %}
                {% if dossier.getClient().getEmail() %}<b>Email:</b> {{ dossier.getClient().getEmail() }}<br>{% endif %}
                {% if dossier.getClient().getIce() %}<b>ICE:</b> {{ dossier.getClient().getIce() }}<br>{% endif %}
            </td>
        </tr>
    </table>

    <br>

    {% if dossier.getVehicule() %}
    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th colspan="2">Informations Véhicule</th>
        </tr>
        <tr>
            <td width="50%">
                <b>Immatriculation:</b> {{ dossier.getVehicule().getImmatriculation() }}<br>
                <b>Marque:</b> {{ dossier.getVehicule().getMarque() }}<br>
                <b>Modèle:</b> {{ dossier.getVehicule().getModele() }}<br>
                {% if dossier.getVehicule().getDateMiseEnCirculation() %}
                    <b>Mise en circulation:</b> {{ dossier.getVehicule().getDateMiseEnCirculation()|date("d/m/Y") }}<br>
                {% endif %}
            </td>
            <td width="50%">
                {% if dossier.getVehicule().getNumChassis() %}<b>N° Chassis:</b> {{ dossier.getVehicule().getNumChassis() }}<br>{% endif %}
                {% if dossier.getVehicule().getType() %}<b>Type:</b> {{ dossier.getVehicule().getType() }}<br>{% endif %}
                {% if dossier.getVehicule().getNumMoteur() %}<b>N° Moteur:</b> {{ dossier.getVehicule().getNumMoteur() }}<br>{% endif %}
                {% if dossier.getVehicule().getNumBoiteAVitesse() %}<b>N° B.V:</b> {{ dossier.getVehicule().getNumBoiteAVitesse() }}<br>{% endif %}
            </td>
        </tr>
    </table>
    {% endif %}

    <br>

    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th colspan="2">Informations Dossier</th>
        </tr>
        <tr>
            <td width="50%">
                <b>Date d'entrée:</b> 
                {% if dossier.getReparations() is not empty %}
                    {{ dossier.getReparations().first().getDateTimeEntree()|date("d/m/Y H:i") }}
                {% else %}
                    {{ dossier.dateDossier|date("d/m/Y H:i") }}
                {% endif %}
            </td>
            <td width="50%">
                <b>Date de sortie:</b> {{ "now"|date("d/m/Y H:i") }}
            </td>
        </tr>
        {% if dossier.getAssurance() %}
        <tr>
            <td colspan="2">
                <b>Assurance:</b> {{ dossier.getAssurance().getRaisonSociale() }}
            </td>
        </tr>
        {% endif %}
    </table>

    <br>

    {% set hasReparations = dossier.getReparations() is not empty %}
    {% if hasReparations %}
    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th>Interventions Réalisées</th>
        </tr>
        {% for reparation in dossier.getReparations() %}
        <tr>
            <td>
                <b>{{ reparation.numReparation() }}</b>
                {% if reparation.getDemandeClient() %}
                    <br>{{ reparation.getDemandeClient()|nl2br|raw }}
                {% endif %}
                {% if reparation.getReparationType() %}
                    <br><i>Type: {{ reparation.getReparationType().getLibelle() }}</i>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </table>

    <br>
    {% endif %}

    {% set hasVentes = dossier.getVentes() is not empty %}
    {% if hasVentes %}
    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th width="60%">Pièces et Services</th>
            <th width="20%" style="text-align:center;">Quantité</th>
            <th width="20%" style="text-align:right;">Prix TTC</th>
        </tr>
        {% for vente in dossier.getVentes() %}
            {% for venteProduit in vente.getVenteProduits() %}
            <tr>
                <td>
                    {{ venteProduit.getProduit().getLibelle() }}
                    {% if venteProduit.getProduit().getReference() %}
                        <br><small>Réf: {{ venteProduit.getProduit().getReference() }}</small>
                    {% endif %}
                </td>
                <td style="text-align:center;">{{ venteProduit.getQte() }}</td>
                <td style="text-align:right;">{{ venteProduit.getTotalTtc()|number_format(2, ',', ' ') }} DH</td>
            </tr>
            {% endfor %}
        {% endfor %}
        <tr style="background:#f0f0f0;font-weight:bold;">
            <td colspan="2" style="text-align:right;">TOTAL TTC:</td>
            <td style="text-align:right;">
                {% set totalVentes = 0 %}
                {% for vente in dossier.getVentes() %}
                    {% set totalVentes = totalVentes + vente.getTotalTtc() %}
                {% endfor %}
                {{ totalVentes|number_format(2, ',', ' ') }} DH
            </td>
        </tr>
    </table>

    <br>
    {% endif %}

    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th>État du Véhicule à la Sortie</th>
        </tr>
        <tr>
            <td>
                <div class="checklist-item">
                    <span class="checkbox"></span> Carrosserie en bon état
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Vitres propres sans rayures
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Éclairages fonctionnels
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Rétroviseurs en place
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Plein d'essence/carburant
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Intérieur propre
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Roue de secours présente
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Cric et outils présents
                </div>
                <div class="checklist-item">
                    <span class="checkbox"></span> Documents du véhicule restitués
                </div>
            </td>
        </tr>
    </table>

    <br>

    {% if dossier.observations %}
    <table width="100%" class="table-produits" style="text-align:left;">
        <tr>
            <th>Observations</th>
        </tr>
        <tr>
            <td style="min-height:80px;">{{ dossier.observations|nl2br|raw }}</td>
        </tr>
    </table>

    <br>
    {% endif %}

    <table width="100%" class="table-produits borderless" style="text-align:left;font-size:12px;">
        <tr>
            <td width="50%">
                <b>Remarques Client:</b>
                <div style="border:1px solid #ccc;min-height:80px;padding:5px;margin-top:5px;"></div>
            </td>
            <td width="50%">
                <b>Kilométrage à la sortie:</b>
                <div style="border:1px solid #ccc;padding:10px;margin-top:5px;"></div>
            </td>
        </tr>
    </table>

    <br><br>

    <table width="100%" class="table-produits borderless" style="text-align:left;">
        <tr>
            <td width="50%">
                <div class="signature-box">
                    <b>Signature du Client</b><br>
                    <small>Lu et approuvé</small><br><br><br>
                    Date: ________________
                </div>
            </td>
            <td width="50%">
                <div class="signature-box">
                    <b>Signature Responsable Atelier</b><br>
                    <small>{{ dossier.getMagasin().titre }}</small><br><br><br>
                    Date: {{ "now"|date("d/m/Y") }}
                </div>
            </td>
        </tr>
    </table>

    <br>

    <table width="100%" class="table-produits borderless" style="text-align:center;font-size:10px;">
        <tr>
            <td>
                <i>Ce document atteste de la restitution du véhicule au client dans l'état décrit ci-dessus.</i><br>
                <i>Le client reconnaît avoir récupéré son véhicule en bon état de fonctionnement.</i>
            </td>
        </tr>
    </table>

    <br>

    <table width="100%" class="table-produits borderless" style="text-align:left;font-size:12px;">
        <tr>
            <td width="50%">
                <b>Document généré le:</b> {{ "now"|date("d/m/Y à H:i") }}
            </td>
            <td width="50%" style="text-align:right;">
                <b>Imprimé par:</b> {{ app.user }}
            </td>
        </tr>
    </table>
</div>
{% endblock %}