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

{% block title %}{{ bl.numBL }}{% endblock %}
{% block page_title %}Dossier {{ bl.numBL }}{% endblock %}

{% block body %}
    <div class="grid grid-cols-12 gap-x-6">
        <div class="col-span-12 xl:col-span-5">
            <div class="card">
                <div class="card-header"><h5>Informations</h5></div>
                <div class="card-body">
                    <table class="table">
                        <tr><th>N° BL</th><td>{{ bl.numBL }}</td></tr>
                        <tr><th>N° Transit</th><td>{{ bl.numTransit ?? '-' }}</td></tr>
                        <tr><th>N° OT</th><td>{{ bl.numOT ?? '-' }}</td></tr>
                        <tr><th>Type</th><td>{{ bl.typeDossier.label }}</td></tr>
                        <tr><th>État</th><td><span class="badge bg-theme-bg-1 text-white">{{ bl.etatLabel }}</span></td></tr>
                        <tr><th>Contremaître</th><td>{{ bl.contremaitre ? bl.contremaitre.nomComplet : '-' }}</td></tr>
                        <tr><th>Transporteur</th><td>{{ bl.transporteur ? bl.transporteur.nomComplet : '-' }}</td></tr>
                        <tr><th>Échéance BAD</th><td class="{{ bl.dateFinBADDepassee ? 'text-danger-500' : '' }}">{{ bl.dateFinBAD ? bl.dateFinBAD|date('d/m/Y H:i') : '-' }}</td></tr>
                    </table>
                </div>
            </div>

            <div class="card">
                <div class="card-header"><h5>Ajouter un commentaire / relance</h5></div>
                <div class="card-body">
                    <form method="post" action="{{ path('transit_bl_comment', {id: bl.id}) }}">
                        <textarea name="texte" class="form-control mb-3" rows="3" placeholder="Votre commentaire" required></textarea>
                        <div class="form-check mb-3">
                            <input class="form-check-input" type="checkbox" name="relance" value="1" id="relanceCheck" />
                            <label class="form-check-label" for="relanceCheck">Notifier le contremaître (relance)</label>
                        </div>
                        <button type="submit" class="btn btn-primary">Envoyer</button>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-span-12 xl:col-span-7">
            <div class="card table-card">
                <div class="card-header"><h5>Historique</h5></div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead><tr><th>Date</th><th>De</th><th>Vers</th><th>Par</th><th>Motif</th></tr></thead>
                            <tbody>
                            {% for h in bl.historiques %}
                                <tr>
                                    <td>{{ h.date|date('d/m/Y H:i') }}</td>
                                    <td>{{ constant('App\\Entity\\Bl::ETATS_LABELS')[h.ancienEtat] ?? h.ancienEtat }}</td>
                                    <td>{{ constant('App\\Entity\\Bl::ETATS_LABELS')[h.nouvelEtat] ?? h.nouvelEtat }}</td>
                                    <td>{{ h.user ? h.user.nomComplet : '-' }}</td>
                                    <td>{{ h.motif ?? '-' }}</td>
                                </tr>
                            {% else %}
                                <tr><td colspan="5" class="text-center text-muted">Aucun historique</td></tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="card table-card">
                <div class="card-header"><h5>Commentaires</h5></div>
                <div class="card-body">
                    {% for c in bl.commentaires %}
                        <div class="card mb-2">
                            <div class="card-body !p-3">
                                <span class="float-end text-xs text-muted">{{ c.date|date('d/m/Y H:i') }}</span>
                                <h6 class="mb-1">{{ c.user.nomComplet }}{{ c.relance ? ' (relance)' : '' }}</h6>
                                <p class="mb-0">{{ c.texte }}</p>
                            </div>
                        </div>
                    {% else %}
                        <p class="text-muted mb-0">Aucun commentaire</p>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}