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

{% block body %}
    {% if order.cancel %}
        <alert-message type="error">Cette commande a été annulée</alert-message>
    {% endif %}
    <div class="flex items-center justify-between mt-4">
        <h1 class="h1">Commande de {{ order.user.fullName }}</h1>
        <a href="{{ path('admin_order_licence_index') }}" class="btn-primary">Retour</a>
    </div>

    <div class="grid grid-cols-3-1 gap-3 mt-2">
        <div class="flex flex-col gap-2">
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Information de la commande</h2>
                    <div class="actions">
                        <button class="btn-success-outline btn-small add-payment">Saisir un paiement</button>
                        <button class="btn-primary-outline btn-small history-payment">Historique des paiements</button>
                    </div>
                </div>
                <div class="card-body">
                    <div class="grid grid-cols-1">
                        <p class="mb-2">
                            <span class="text-gray-500">Référence :</span> <br/>
                            <span class="text-xl">{{ order.reference }}</span>
                        </p>
                    </div>
                    <div class="grid grid-cols-2">
                        <p class="mb-2">
                            <span class="text-gray-500">Moyen de paiement :</span> <br/>
                            <span class="text-xl">{{ order.paymentMethod.name }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Statut du paiement</span> <br/>
                            <span class="text-xl">{{ order.isPaid ? 'Payée' : 'Impayée' }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Total :</span> <br/>
                            <span class="text-xl">{{ order.total }} €</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Reste à payer :</span> <br/>
                            <span class="text-xl">{{ order.outstandingBalance ?? 0 }} €</span>
                        </p>
                    </div>
                </div>
            </div>
            {% for licenceItem in order.licenceItems %}
                <div class="grid grid-cols-3-1 gap-1">
                    <div class="card">
                        <div class="card-header">
                            <h2 class="h4">{{ licenceItem.profil.lastname|upper }} {{ licenceItem.profil.firstname|capitalize }}</h2>
                            <a class="btn-small btn-primary" href="{{ path('admin_member_edit', {id: licenceItem.profil.id}) }}">Editer le profil</a>
                        </div>
                        <div class="card-body">
                            <div class="grid grid-cols-1">
                                {% if licenceItem.profil.mimePicture in ["image/jpeg", "image/png", "application/pdf"] %}
                                    <img src="{{ vich_uploader_asset(licenceItem.profil, 'pictureFile')|imagine_filter('miniature_picture_profil') }}" alt="{{ licenceItem.profil.fullname }}" class="max-h-[130px] rounded">
                                {% endif %}
                            </div>

                            <div class="grid grid-cols-2 mt-2">
                                <p class="mb-2">
                                    <span class="text-gray-500">Nom :</span> <br/>
                                    <span class="text-xl">{{ licenceItem.profil.lastname|capitalize }}</span>
                                </p>
                                <p class="mb-2">
                                    <span class="text-gray-500">Prénom :</span> <br/>
                                    <span class="text-xl">{{ licenceItem.profil.firstname|capitalize }}</span>
                                </p>
                                <p class="mb-2">
                                    <span class="text-gray-500">Date de naissance</span> <br/>
                                    <span class="text-xl">{{ licenceItem.profil.birthday|date('d/m/Y') }}</span>
                                </p>
                                <p class="mb-2">
                                    <span class="text-gray-500">Lieu de naissance</span> <br/>
                                    <span class="text-xl">{{ licenceItem.profil.placeBirth }}</span>
                                </p>
                            </div>
                            <hr class="mt-2 mb-2">
                            <div class="grid grid-cols-2">
                                <p class="mb-2">
                                    <span class="text-gray-500">Licence</span> <br/>
                                    <span class="text-xl">{{ licenceItem.typeLicence.name }}</span>
                                </p>
                                {% if licenceItem.price > 0 %}
                                <p class="mb-2">
                                    <span class="text-gray-500">Prix</span> <br/>
                                    <span class="text-xl">{{ licenceItem.price }} €</span>
                                </p>
                                {% else %}
                                <p class="mb-2">
                                    <span class="text-gray-500">Prix</span> <br/>
                                    <span class="text-xl uppercase text-green-500">Gratuit</span>
                                </p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <h2 class="h4">Documents</h2>
                        </div>
                        <div class="card-body">
                            {{ include('admin/order/licence/_docs.html.twig') }}
                        </div>
                    </div>
                </div>
                <div class="grid grid-cols-1">
                    <div class="card">
                        <div class="card-body">
                            <button class="btn-success">Licence gratuite</button>
                        </div>
                    </div>
                </div>

            {% endfor %}
        </div>
        <div class="flex flex-col gap-2">
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Actions</h2>
                </div>
                <div class="card-body">
                    {% if order.cancel %}
                        <alert-message type="error">Cette commande a été annulée</alert-message>
                    {% else %}
                    {% if order.isPaid == false %}
                        <a class="btn-success mb-1" href="{{ path('admin_order_licence_payment_valid', {id: order.id}) }}">Valider
                            le paiement</a>
                    {% endif %}
                        <confirm-action data-post="true" data-action="{{ path('admin_order_licence_actions', {id: order.id, action: 'cancel'}) }}" data-classname="btn-danger" data-message="Vous êtes sur le point d'annuler la commande, cette action est irréversible !">
                            Annuler la commande
                        </confirm-action>

                    <button class="btn-primary mt-1 add-reminder">Émettre un rappel</button>
                    {% if order.licenceChecking == false %}
                        <a href="{{ path('admin_order_licence_licence_valid', {id: order.id}) }}" class="btn-outline-danger mt-1 create-licence">Créer la licence</a>
                    {% endif %}
                    <button class="btn-primary mt-1 send-mail mb-1">Envoyer un email</button>
                    <button class="btn-success open-invoice-modal">Envoyer la facture</button>

                    {% endif %}
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Information du parent</h2>
                </div>
                <div class="card-body">
                    <div class="grid grid-cols-1">
                        <p class="mb-2">
                            <span class="text-gray-500">Nom : </span> <br/>
                            <span class="text-xl">{{ order.user.fullName }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Email :</span> <br/>
                            <span class="text-xl">{{ order.user.email }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Date de naissance</span> <br/>
                            <span class="text-xl">{{ order.user.birthday|date('d/m/Y') }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Profession</span> <br/>
                            <span class="text-xl">{{ order.user.job }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Adresse</span> <br/>
                            <span class="text-xl">{{ order.user.fullAddress }}</span>
                        </p>
                        <p class="mb-2">
                            <span class="text-gray-500">Téléphone</span> <br/>
                            <span class="text-xl">{{ order.user.phone }}</span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Liste des rappels</h2>
                </div>
                <div class="card-body">
                    <div class="grid grid-cols-1">
                        {% if order.reminders|length == 0 %}
                            <p class="text-center">Aucun rappel pour le moment</p>
                        {% else %}
                        {% for reminder in order.reminders %}
                            <div class="flex justify-between items-center">
                                <p>{{ reminder.name }}</p>
                                <p>{{ reminder.dateReminder|date('d/m/Y') }}</p>
                            </div>
                            <hr class="mt-2 mb-2">
                        {% endfor %}
                        {% endif %}
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header">
                    <h2 class="h4">Historique de la fiche</h2>
                </div>
                <div class="card-body">
                    <div class="grid grid-cols-1">
                        {% if order.logs|length == 0 %}
                                <p class="text-center">Aucun log pour le moment</p>
                            {% else %}
                            {% for log in order.logs|reverse|slice(0, 5) %}
                                <div class="flex justify-between items-center">
                                    <p>{{ log.name }}</p>
                                    <p>{{ log.createdAt|date('d/m/Y') }}</p>
                                </div>
                                <hr class="mt-2 mb-2">
                            {% endfor %}
                            <button class="btn-small btn-primary open-log">Voir tous les logs</button>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <modal-box title="Ajouter un rappel" trigger=".add-reminder">
        <alert-message type="primary">Un mail vous sera envoyé à la date du rappel</alert-message>
       {{ include('admin/order/_common/_reminder.html.twig') }}
    </modal-box>

    <modal-box title="Envoyer un mail" trigger=".send-mail">
        {{ include('admin/order/_common/_email.html.twig') }}
    </modal-box>

    <modal-box title="Intégralité des logs" trigger=".open-log">
        {{ include('admin/order/_common/_logs.html.twig') }}
    </modal-box>

    <modal-box title="Historique des paiements" trigger=".history-payment">
        {{ include('admin/order/_common/_payments.html.twig') }}
    </modal-box>

    <modal-box title="Saisir un paiement" trigger=".add-payment">
        {{ include('admin/order/_common/_add_payment.html.twig') }}
    </modal-box>

    <modal-box title="Ajouter un commentaire à la facture" trigger=".open-invoice-modal">
        <form method="post" action="{{ path('admin_order_licence_actions', {id: order.id, action: 'invoice'}) }}">
            <div class="form-group mb-4">
                <label for="invoice_comment" class="block text-sm font-medium text-gray-700 mb-1">Commentaire (optionnel)</label>
                <textarea id="invoice_comment" name="invoice_comment" rows="4" class="form-control" placeholder="Écrivez un commentaire à insérer sur la facture..."></textarea>
            </div>
            <button type="submit" class="btn-primary w-full">Envoyer la facture</button>
        </form>
    </modal-box>

{% endblock %}