{% extends 'base.html.twig' %}{% block title %}Récapitulatif de commande{% endblock %}{% block body %} <div class="body_interface body_interface_client"> <div class="body_interface_header"> <div class="grid-container"> <div class="bloc_titre"> <h1> Récapitulatif de votre commande </h1> <element class="icon-Saisir_Nouvelle_Commande_picto"> </element> </div> <div class="bloc_paragraph"> <p> Spécialiste des solutions d’envoi de colis aux USA <br> et dans le monde pour les professionnels </p> </div> </div> </div> <div class="body_interface_div recap_commande"> <div class="grid-container"> <div class="bloc_infos bloc_infos_produits"> <div class="bloc_infos_body"> <div class="bloc_infos_titre"> <div style="display: flex;justify-content: space-between;"> <h2> Récapitulatif sur le produit </h2> <img src="/images/SVG/Stylo_picto.svg" style="width: 17px;margin-right: 30px;" alt="Picto modifier"> </div> <div class="bloc_infos_titre_divider"> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-10 medium-10 small-10 input_classique_mid"> <div class="itemLabel"> Nombre de colis* : </div> </div> <div class="large-2 medium-2 small-2 input_classique_mid"> <div class="quantity"> <div> {{ commande.nombreColisTotal }} </div> </div> </div> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-10 medium-10 small-10 input_classique_mid"> <div class="itemLabel"> Nombre de bouteilles de vin rouge* : </div> </div> <div class="large-2 medium-2 small-2 input_classique_mid"> <div class="quantity"> <div> {{ commande.nombreBouteilleRouge }} </div> </div> </div> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-10 medium-10 small-10 input_classique_mid"> <div class="itemLabel"> Nombre de bouteilles de vin blanc* : </div> </div> <div class="large-2 medium-2 small-2 input_classique_mid"> <div class="quantity"> <div> {{ commande.nombreBouteilleBlanc }} </div> </div> </div> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-10 medium-10 small-10 input_classique_mid"> <div class="itemLabel"> Nombre de bouteilles de vin pétillant* : </div> </div> <div class="large-2 medium-2 small-2 input_classique_mid"> <div class="quantity"> <div> {{ commande.nombreBouteillePetillant }} </div> </div> </div> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-10 medium-10 small-10 input_classique_mid"> <div class="itemLabel"> Nombre de bouteilles total d'après colis* : </div> </div> <div class="large-2 medium-2 small-2 input_classique_mid"> <div class="quantity"> <div> {# {{ commande.nombreBouteilleRouge + commande.nombreBouteilleBlanc + commande.nombreBouteillePetillant }} #} {{ nombreBouteillesRenseigneDansColis }} </div> </div> </div> </div> </div> <div class="unit_field"> <small>*Équivalent en 0.75L</small> </div> <div class="bloc_infos_titre mt-5"> <h2> Récapitulatif sur le destinataire </h2> <div class="bloc_infos_titre_divider"> </div> </div> <div class="bloc_infos_destinataire"> <p> <B>Coordonnées : </B> {# <br/><U>Nom / prénom</U> : {{ commande.clientFinal.nom }} {{ commande.clientFinal.prenom }} #} <br/><U>Nom et prénom</U> : {{ commande.clientFinal.fullName }} <br/><U>Email</U> : {{ commande.clientFinal.email }} <br/><U>Téléphone</U> : {{ commande.clientFinal.telephone }} <br/><U>Adresse</U> : <br/>{{ commande.adresseLivraison }} {% if commande.complementAdresseLivraison %}<br/>{{ commande.complementAdresseLivraison }}{% endif %} <br/>{{ commande.codePostalLivraison }} {{ commande.villeLivraison }} <br/>{{ commande.province }} ({{ commande.etatUs }}) </p> <p> <B>Informations : </B> <br/><U>Facture n°</U> : {{ commande.numeroFacture }} <br/><U>Montant</U> : {{ commande.montantTotalFacture }}€ {% if commande.numeroDae %}<br/><U>N° DAE</U> : {{ commande.numeroDae }}{% endif %} <br/><U>Assurance pour la livraison</U> : {{ commande.assuranceLivraison ? 'Oui' : 'Non' }} <br/><U>Vin déjà emballé</U> : {{ commande.emballageLivraison ? 'Oui' : 'Non' }} </p> {% if commande.observation %} <p> <B>Observations : </B> <br/>{{ commande.observation }} </p> {% endif %} </div> <div class="bloc_infos_titre mt-5"> <h2> Récapitulatif sur la livraison </h2> <div class="bloc_infos_titre_divider"></div> </div> <div class="unit_field"> <div style="display: flex;"> <div><img src="/images/SVG/Informations_picto_reversed.svg" style="width: 17px;margin-right: 30px;" alt="Informations"></div> <div> <small><i>Date de livraison estimée :</i></small> </div> </div> </div> <div class="unit_field"> <div class="grid-x"> <div class="large-6 medium-6 small-12 input_classique_mid"> <div class="bloc_date_livraison"> {{ dateLivraison|raw }} </div> </div> {% if besoinConsentementDates %} <div class="large-6 medium-6 small-12 input_classique_mid"> <div style="display: flex;"> <div><img src="/images/SVG/Informations_picto_reversed.svg" style="width: 17px;margin-right: 30px;" alt="Informations"></div> <div> <small><i>Impossible de choisir une fenêtre de livraison entre le 15 juin et le 15 octobre</i></small> </div> </div> </div> {% endif %} </div> </div> {% if besoinConsentementDates %} <div class="unit_field"> <div class="grid-x grid-padding-x"> <small>Si vous souhaitez tout de même être livré sur ces dates, cochez cette case pour confirmer avoir bien pris connaissance que ce type de livraison relève alors de votre responsabilité en cas de problème.</small> <fieldset class="large-12 cell"> <input id="checkboxConsentementDates" type="checkbox"><label for="checkboxConsentementDates">J'accepte ces conditions</label> </fieldset> </div> </div> {% endif %} <div class="unit_field_divide"> </div> </div> </div> <div style="text-align: center;margin-top: 20px;"> {% if is_granted('ROLE_ADMIN') %} <a href="{{ path('app_commande_edit', {'id': commande.id }) }}" class="bouton_gris texte_bold" title="Modifier la commande">Modifier</a> {% else %} <a href="{{ path('app_commande_new') }}" class="bouton_gris texte_bold" title="Modifier la commande">Modifier</a> {% endif %} <button id="validateCommandeOpenModale" class="bouton_rouge texte_bold" type="submit" data-idcommande={{commande.id}}>{{ button_label|default('Valider') }}</button> </div> <div class="div_mentions"> <small>Données personnelles : Les informations recueillies sur ce formulaire sont enregistrées dans un fichier informatisé par l’entreprise Mailboxes etc. pour assurer le suivi et la gestion de sa clientèle. Ces informations sont susceptibles d’être conservées par son service clientèle. Ces dernières seront supprimées par ce service lorsque l’objectif poursuivi par la collecte des données est atteint. Conformèment à la loi « informatique et libertés», vous pouvez exercer votre droit d’accès aux données vous concernant et les faire rectifier en contactant : infocommunication@mailboxes.com. Nous vous informons de l’existence de la liste d’opposition au démarchage téléphonique « Bloctel », sur laquelle vous pouvez vous inscrire ici : <a href="https://conso.bloctel.fr/" target="_blank">https://conso.bloctel.fr/</a></small> </div> <div class="tiny reveal" id="recapCommandeModal" data-reveal> <div style="text-align: center;margin-bottom: 45px;"> <img class="picto_valide" src="{{ asset(image_dir_svg ~ "Information_Valide_picto.svg") }}" alt="Picto validé"> <p class="lead">Nouvelle commande validée !</p> <p class="texte"> Un email vient d'être envoyé au destinataire pour lui demander de valider et compléter son adresse de livraison.</p><p class="texte"> Aucune collecte ne pourra avoir lieu en attendant. Nous vous rappelons que pour cette destination les emballages Europackwine ou NakPack sont obligatoires.</p> </div> <div style="text-align: center;margin-top: 20px;"> <a href="{{ path('app_commande_index') }}" class="bouton_rouge texte_bold">{{ button_label|default('Fermer la page') }}</a> </div> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">×</span> </button> </div> </div> </div> </div> <script src="{{ asset('js/commande.js') }}"></script>{% endblock %}