{% extends "YOUCommercantBundle:Promos:promos.html.twig" %}

{% block contentPromos %}
    <br/>

    {{ macros.ariane({
    'Tableau de bord':{'url':path('you_commercant_secured_homepage')},
    'Promotions':{'url':path('you_commercant_promos')},
    'Promos' : {}
    }) }}
    <div id="formPromos" style="display:none;">
        {% include 'YOUCommercantBundle:Promos:formGroupe.html.twig' %}
    </div>
    <div class="container-fluid padded">
        <h1 class="titretdb">{{ promos.titre }}</h1>
        <br/><br/>
        <br/>
        <div class="alert alert-info">
            <button type="button" class="close" data-dismiss="alert">×</button>
            Ce groupe contient des articles à {% if promos.type == 0 %}{{ promos.realvaleur|toeuro }}{% else %}{{ promos.realvaleur|toprice }}%{% endif %} de réduction. Pour modifier ce pourcentage, cliquez sur "modifier ce groupe". Pour ajouter des articles à ce groupe, cliquez sur "ajouter des articles".
        </div>

        <a href="{{ path('you_commercant_promos_ajouter',{id:promos.id}) }}" {% if promos.boutique.products|length == 0 %}onclick="alert('Action impossible : vous n\'avez encore aucun article dans votre boutique !');return false;"{% endif %}class="btn btn-blue">
            <i class="icon icon-plus"></i>
            Ajouter des articles
        </a>
        <a href="#" onclick="return editPromos({{ promos.id }},{{ promos.realvaleur }},{{ promos.type  }},'{{ promos.titre }}');" class="btn btn-blue"><i class="icon icon-pencil"></i> Modifier ce groupe</a>

        <br/><br/>

    <div class="box" id="boxContentTable">
        <div class="box-content clearfix" style="width:100%;">
            <div id="dataTables" class="">

                <div class="form-inline" role="grid" >

                    <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="liste_produits">
                        <thead>
                        <th></th>
                        <th>Référence</th>
                        <th>Articles</th>
                        <th>Réduction</th>
                        <th>Prix de base</th>
                        <th>Prix promo</th>
                        <th>Stock global</th>
                        <th>Actions</th>
                        </thead>


                        <tbody role="alert" aria-live="polite" aria-relevant="all">

                        {% set switch = 'odd' %}
                        {% if promos.products|length == 0 %}
                        <tr>
                            <td colspan="8" style="color:red">Vous n'avez pas encore ajouté d'articles à ce groupe de promos</td>
                        </tr>
                        {% endif %}
                        {% for product in promos.products %}

                            <tr class="{{ switch }}">
                                <td><input type="checkbox" id="product_{{ product.id }}_id" name="product_{{ product.id }}" value="{{ product.id }}"></td>
                                <td>{{ product.ref }}</td>
                                <td>
                                    <img src="http://{{ picthost }}/{{ product.image.getWebSmallPath() }}" width="25" height="25" />
                                    {{ product.titre }}
                                    {% if product.type == 'material' %}                                {% if product.declinaisonType == 1 %}

                                        {% if product.material.couleur is null %}
                                        {% else %}
                                            ({{ product.material.couleur.name }}
                                            {% if product.material.couleur2 is null %}

                                            {% else %}
                                                &
                                            {% endif %}
                                        {% endif %}

                                        {{ product.material.couleur2.name|default("") }})

                                    {% else %}
                                        {% if product.declinaisonOption %}({{ product.declinaisonOption|default('') }}){% endif %}
                                    {% endif %}
                                    {% endif %}

                                </td>
                                <td>
                                    {% if promos.type == 0 %}
                                        {{ promos.realvaleur|toeuro }}
                                    {% else %}
                                        {% if product.type == 'material' %}
                                            {% set price = product.material.prix %}
                                        {% else %}
                                            {% set price = product.service.tarif %}
                                        {% endif %}

                                        {{ ((price/100)*promos.realvaleur)|toeuro }} ({{ promos.realvaleur|toprice }}%)
                                    {% endif %}


                                </td>

                                <td>{% if product.type == 'material' %}{{ product.material.prix|toeuro }}{% else %}{{ product.service.tarif|toeuro }}{% endif %}</td>
                                <td>
                                    {% if product.type == 'material' %}
                                        {% set price = product.material.prix %}
                                    {% else %}
                                        {% set price = product.service.tarif %}
                                    {% endif %}

                                    {% if promos.type == 0 %}
                                        {{ (price-promos.realvaleur)|toeuro }}
                                    {% else %}
                                        {{ (price-((price/100)*promos.realvaleur))|toeuro }}
                                    {% endif %}
                                </td>
                                <td>{% if product.type == 'material' %}{{ product.stock|tostock }}{% endif %}</td>

                                <td>
                                    <a title="Ajouter à la promo" href="#" onclick="addThisProduct({{ product.id }});" class="btn btn-small btn-default"><i class="icon icon-trash"></i></a>
                                    <a title="Voir l'article en ligne" target="_blank" href="http://{{ product.boutique.baseSite }}{{ path('you_product_page',{boutique:product.boutique.slug,produit:product.slug}) }}" class="btn btn-small btn-default noajax"><i class="icon icon-search"></i></a>

                                </td>
                            </tr>

                            {% if switch == 'odd' %}
                                {% set switch = 'even' %}
                            {% else %}
                                {% set switch = 'odd' %}
                            {% endif %}
                        {% endfor %}

                        </tbody></table>
                </div>
            </div>
        </div>
    </div>
        <a href="{{ path('you_commercant_promos_remove_product',{id:promos.id}) }}" id="ajouterProduct" class=""><i class="icon icon-trash"></i> Retirer du groupe les articles sélectionnés</a>
        <br/><br/><br/><div class="legendAction pull-left">
            <p>Légende : </p>
            <ul>
                <li><span class="btn btn-small btn-default"><i class="icon-search"></i></span> Voir l'article en ligne</li>
                <li><span class="btn btn-small btn-default"><i class="icon-trash"></i></span> Retirer l'article du groupe</li>
            </ul>
        </div>
    </div>
{% endblock %}

{% block append_javascript %}

    <script>
        var urlEdit = '{{ path('you_commercant_promos_editer',{id:'__id__'}) }}';

        var definedFormSubmit = false;

        function editPromos(id,value,type,name){
            nino_OverlayShow(
                    '<div id="formGroupe">'+$("#formPromos").html()+'</div>',
                    [
                        {text:'Sauvegarder',class:'btn-default',action:'sendForm();'},
                        {text:'Annuler',class:'btn-default',action:'popup.cancel()'}
                    ],
                    true,
                    351
            );

            currentUrlForEditPromo = urlEdit.replace(/__id__/gi,id);
            addSubmitEvent();

            $('#you_productbundle_promostype_titre').val(name);
            $('#you_productbundle_promostype_valeur').val(value);
            $('#you_productbundle_promostype_type').val(type);

            return false;
        }

        var currentUrlForEditPromo = '{{ path('you_commercant_promos_add') }}';
        function addSubmitEvent(){
            if(!definedFormSubmit){
                definedFormSubmit = true;
                $('#formGroupe form').submit(function(e){

                    e.preventDefault();

                    $.post(
                            currentUrlForEditPromo,
                            $(this).serialize(),
                            function(data){
                                if(data.error){
                                    $('#formGroupe').html(data.error);
                                }else{
                                    document.location.reload();
                                }
                            },
                            'json'
                    );

                });
            }
        }
        function sendForm(){
            $('#formGroupe form').submit();
        }
        $('#ajouterProduct').on('click',function(e){

            e.preventDefault();
            var list = [];
            $('input[type="checkbox"]:checked').each(function(){
                list.push(this.value);
            });
            list.join(';');

            $.post($(this).attr('href'),{list:list},function(data){
                document.location.href=data;
            });

        });

        function addThisProduct(id){
            $.post($('#ajouterProduct').attr('href'),{list:[id]},function(data){
                document.location.href=data;
            });
        }
    </script>

{% endblock %}