{% 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':{'url':path('you_commercant_promos_produits',{id:promos.id})},
    'Ajouter des produits': {}
    }) }}

    <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>
            Sélectionnez les articles à ajouter à ce groupe de promotions. Puis cliquez sur AJOUTER
        </div>


    <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>Ref</th>
                    <th>Produit / Service</th>
                    <th>Stock</th>
                    <th>Prix</th>
                    <th>Prix avec la promos</th>
                    <th>Actions</th>
                    </thead>


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

                    {% set switch = 'odd' %}
                    {% for product in 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 product.type == 'material' %}{{ product.stock|tostock }}{% 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.valeur)|toeuro }}
                                {% else %}
                                    {{ (price-((price/100)*promos.valeur))|toeuro }}
                                {% endif %}
                            </td>

                                <td>
                                    <a href="#" onclick="addThisProduct({{ product.id }});" class="btn btn-default">Ajouter à la promos</a>
                                </td>
                        </tr>

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

                    </tbody></table>
{#                <div class="table-footer">
                    {{ knp_pagination_render(products) }}
                </div>#}
            </div>
        </div>
    </div>
</div>
        <a href="{{ path('you_commercant_promos_ajouter_add',{id:promos.id}) }}" id="ajouterProduct" class="btn btn-blue">AJOUTER</a>
</div>
{% endblock %}

{% block append_javascript %}

    <script>

        $('#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 %}