{% extends "YOUCommercantBundle::layout.html.twig" %}

{% block container %}

    <div id="commandeAffichage">

        <div class="heade clearfix">
            <br/><br/>
            <h1 class="titretdb" style="padding-left: 50px;">Commande N°{{ commande.commande.commande.id }}</h1>
            <br/><br/>

            <p style="padding-left: 50px;">{{ commande.commande.commande.date|date('d/m/Y \à H:i') }}</p>

            <div class="cadre cadre-adresse">
                <h3>Montants <sup>TTC</sup>: {{ (commande.commande.montant)|toeuro }}</h3>
                {% if commande.commande.commande.panier.adresseFacturation.civilite is defined  %}
                    {% set civ = commande.commande.commande.panier.adresseFacturation.civilite %}
                {% else %}
                    {% set civ = '' %}
                {% endif %}
                <p>Nombre d'articles : <span>{{ commande.totalItem }}</span></p>
                <p>Total articles : <span>{{ (commande.commande.montant-commande.livraisonTotalPrice+commande.commande.reduc)|toeuro }}</span></p>
                {% if commande.commande.reduc and commande.commande.reduc > 0 %}
                    <p>Code promo : -{{commande.commande.reduc|toeuro}}</p>
                {% endif %}
                {% if commande.commande.freeShipping %}
                    <p>Code promo : Frais de port gratuit</p>
                {% else %}
                    <p>Total frais de port : <span>{{ (commande.livraisonTotalPrice)|toeuro }}</span></p>
                {% endif %}
                {% if commande.commande.paymentOnline > 0 %}
                    <p>Commission Consommez En France.com : <span>{{ (commande.commande.eurosCommission+((commande.commande.paymentOnline/100)*commande.commande.percentCommission))|toeuro }}</span></p>
                {% endif %}
                {% if commande.commande.paymentOnline > 0 %}
                    <p>TOTAL ENCAISSE: <span>{{ (commande.commande.paymentOnline-(commande.commande.eurosCommission+((commande.commande.paymentOnline/100)*commande.commande.percentCommission)))|toeuro }}</span></p>
                {% endif %}
                {% if commande.commande.paymentOffline > 0 %}
                    <p>Paiement sur place / à livraison <sup>ttc</sup> : {{commande.commande.paymentOffline|toeuro}}</p>
                {% endif %}
            </div>

            <div class="cadre cadre-adresse">
                <h3>Information client</h3>

                <p>{% if civ == 0 %}M.{% elseif civ == 1 %}Mlle {% else %}Mme {% endif %}
                    {% if commande.commande.commande.panier.adresseFacturation.nom is defined %}
                        {{ commande.commande.commande.panier.adresseFacturation.nom|upper }}
                    {% endif %}
                    {% if commande.commande.commande.panier.adresseFacturation.prenom is defined  %}
                        {{ commande.commande.commande.panier.adresseFacturation.prenom|capitalize }}
                    {% endif %}
                </p>
                {%  if commande.commande.commande.panier.adresseFacturation.adresse is defined  %}
                    <p>{{ commande.commande.commande.panier.adresseFacturation.adresse }}</p>
                    <p>{{ commande.commande.commande.panier.adresseFacturation.adresse2 }}</p>
                    <p>{{ commande.commande.commande.panier.adresseFacturation.cp }} {{ commande.commande.commande.panier.adresseFacturation.ville }}</p>
                    <p>{{ commande.commande.commande.panier.adresseFacturation.pays.nomfr }}</p>
					<p><b>{{ commande.commande.commande.panier.adresseFacturation.email }}</b></p>
                    <p class="tel-hudge">{{ commande.commande.commande.panier.adresseFacturation.tel }} / {{ commande.commande.commande.panier.adresseFacturation.portable }}</p>
                {% endif %}
                <a href="#" onclick="return openMessagerie({{ commande.commande.commande.user.id }});" style="margin:10px;"><i class="icon-envelope"></i> Ecrire un message</a><br /><br />
            </div>
        </div>


        {% for flashMessage in app.session.flashbag.get('errorCode') %}
            <div class="flash-notice">
                <p class="flash-message alert alert-error">{{ flashMessage }}</p>
            </div>
        {% endfor %}


        {% for key, block in commande.blocks %}

            <div class="block">
                {% if block.type == 'livraison' %}
                    {% include 'YOUCommercantBundle:Commande:livraison.html.twig' %}
                {% endif %}
                {% if block.type == 'retrait' %}
                    {% include 'YOUCommercantBundle:Commande:retraits.html.twig' %}
                {% endif %}
                {% if block.type == 'service' %}
                    {% include 'YOUCommercantBundle:Commande:service.html.twig' %}
                {% endif %}
                <table class="table dataTable">

                    <thead>
                        <tr>
                            <th>Article</th>
                            <th>Quantité</th>
                            <th>Prix unitaire</th>
                            <th>Prix total</th>
                            <th>statut</th>
                        </tr>
                    </thead>

                    {% set livraisonPrice = 0 %}
                    {% for item in block.item %}
                        {% if block.type == 'livraison' %}
                            {% set livraisonPrice = livraisonPrice+item.livraisonPrice %}
                        {% endif %}

                        <tr>
                            <td>
                                {{ item.product.titre }}
                                {% if item.panierContent.panierComposition %}
                                    - {{item.panierContent.panierComposition.title}}
                                {% endif %}
                                {# orientation #}
                                {% if item.panierContent.panierComposition %}
                                    <small>
                                        <br>
                                        Composition : 
                                        {{item.panierContent.panierComposition.title}}
                                        {% if item.panierContent.panierComposition.orientation1 > 0 or item.panierContent.panierComposition.orientation2 > 0 %}
                                            | 
                                        {% endif %}
                                        {% if item.panierContent.panierComposition.orientation1 > 0 %}
                                            {% if item.panierContent.panierComposition.orientation1 == 2 %}
                                                Droite
                                            {% else %}
                                                Gauche
                                            {% endif %}
                                        {% endif %}
                                        {% if item.panierContent.panierComposition.orientation1 > 0 and item.panierContent.panierComposition.orientation2 > 0 %}
                                            | 
                                        {% endif %}
                                        {% if item.panierContent.panierComposition.orientation2 > 0 %}
                                            {% if item.panierContent.panierComposition.orientation2 == 2 %}
                                                Bas
                                            {% else %}
                                                Haut
                                            {% endif %}
                                        {% endif %}
                                    </small>
                                {% endif %}
                                {# options / options avancées #}
                                {% for panierContentOption in item.panierContent.panierContentOptions %}
                                    <small><br>{{panierContentOption.optionTitle}} : "{{ panierContentOption.name }}" </small>
                                    {% endfor %}
                                    {% for panierContentOption in item.panierContent.panierContentAdvancedOptions %}
                                    <small><br>
                                        {{panierContentOption.advancedTitle}} - {{panierContentOption.advancedSubtitle}} - {{panierContentOption.optionTitle}}
                                        : "{{ panierContentOption.name }}" 
                                    </small>
                                {% endfor %}
                            </td>
                            <td>{{ item.count }}</td>
                            <td>{{ item.prix|toeuro }}</td>
                            {% set total = item.prix*item.count %}
                            <td>{{ total|toeuro }}</td>
                            <td>
                                {% if item.statut == 0 %}
                                    <span class="red">Vous devez accepter ci-dessus</span>
                                {% endif %}
                                {% if item.statut > 0 and item.statut < 9 %}
                                    {% if item.livreur %}
                                        <span class="red">Colis en préparation</span>
                                    {% elseif (item.rdv and item.statut < 3) %}
                                        <span class="red">RDV à confirmer</span>
                                    {% else %}
                                        <span class="red">RDV confirmé</span>
                                    {% endif %}
                                {% endif %}
                                {% if item.statut == 9 %}
                                    {% if item.livreur %}
                                        <span class="red">Colis expédié</span>
                                    {% elseif item.rdv %}
                                        <span class="red">Terminé</span>
                                    {% else %}
                                        <span class="red">Terminé</span>
                                    {% endif %}
                                {% endif %}
                                {% if item.paymentMode == 1 %}
                                    <div style="color:#d03428;">Paiement sur place</div>
                                {% endif %}
                                {% if item.paymentMode == 2 %}
                                    <div style="color:#d03428;">Paiement à la livraison</div>
                                {% endif %}
                            </td>
                        </tr>

                    {% endfor %}

                    {% if block.type == 'livraison' %}
                        <tr>
                            <td colspan="3">Frais de port</td>
                            <td>{{ livraisonPrice|toeuro }}</td>
                            <td></td>
                        </tr>
                    {% endif %}

                </table>
            </div>
            <br/><br/>

        {% endfor %}
    </div>
{% endblock %}

{% block append_javascript %}

    {{ parent() }}

    <script>
        $('input.zebraCalendar').each(function () {

            var container = $(this).attr('calendar');
            $(this).Zebra_DatePicker({
                always_visible: $('#' + container),
                format: 'd/m/Y',
            });

        });

        $('.show-calendar').toggle();

        $('.appendDate').on('click', function (e) {
            e.preventDefault();
            var dates = $.parseJSON($(this).parent().parent().find('input.dates').val());

            if (!dates) {
                dates = {};
            }
            if (!dates.dates) {
                dates.dates = [];
            }
            dates.dates.push($(this).parent().find('input.zebraCalendar').val() + ' à ' + $(this).parent().find('select').val());

            $(this).parent().parent().find('input.dates').val(JSON.stringify(dates));
            loadListeDates();
        });

        function loadListeDates() {
            $('.date-to-ul').each(function () {
                var dates = $.parseJSON($(this).parent().parent().find('input.dates').val());
                if (!dates) {
                    dates = {};
                }
                if (!dates.dates) {
                    dates.dates = [];
                }
                var html = '';
                var cpt = 1;
                for (index in dates.dates) {
                    if (dates.dates[index]) {
                        html += '<li>Date ' + cpt + ' : ' + dates.dates[index] + ' <a href="#" class="remove-date" data-index="' + index + '">rm</a></li>';
                        cpt++;
                    }
                }
                $(this).parent().parent().find('ul').html(html);

                $('.remove-date').on('click', function (e) {
                    e.preventDefault();
                    var dates = $.parseJSON($(this).parent().parent().parent().find('input.dates').val());
                    delete dates.dates[$(this).attr('data-index')];
                    $(this).parent().parent().parent().find('input.dates').val(JSON.stringify(dates));
                    loadListeDates();
                });

            });
        }
        loadListeDates();


    </script>

{% endblock %}