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


{% block body %}

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">
        <div class="row ">
            <div class="wrapper wrapper-content"  >
                <div class="ibox-content m-b-sm border-bottom">
                    <div class="p-xs">
                        <div class="pull-left m-r-md">
                            <i class="fa fa-cogs text-navy mid-icon" style="color:#024071"></i>
                        </div>
                        <h2> Promotion</h2>
                        <span>Promotion article / Liste Promotion article</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight ecommerce">

        <div class="row">
            <div class="col-lg-12">
                <div class="tabs-container">
                    <ul class="nav nav-tabs">

                        <li class="active"><a class="nav-link active" data-toggle="tab" href="#tab-4"> Promotion activé
                                {% if cp == 0 %}
                                <span class="label label-danger float-right">{{ cp1 }} / {{ cp }}</span></a>
                            {% else %}
                                <span class="label label-success float-right">{{ cp1 }} / {{ cp }}</span></a>
                            {% endif %}</li>
                        <li><a class="nav-link active" data-toggle="tab" href="#tab-5"> Promotion désactivé
                                {% if cp == 0 %}
                                <span class="label label-warning float-right">{{ cp2 }} / {{ cp }}</span></a>
                            {% else %}
                                <span class="label label-warning float-right">{{ cp2 }} / {{ cp }}</span></a>
                            {% endif %}</li>
                    </ul>
                    <div class="tab-content">




                        <div id="tab-4" class="tab-pane active">
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-stripped table-bordered">

                                        <thead>
                                        <tr>
                                            <th>
                                                Intitule
                                            </th>
                                            <th>
                                                Pourcentage
                                            </th>
                                            <th>
                                                Article
                                            </th>
                                            <th>
                                                Catégorie
                                            </th>

                                            <th >
                                                Date début
                                            </th>
                                            <th >
                                                Date fin
                                            </th>
                                            <th>
                                                Actions
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {{ form_start(form4) }}
                                        <tr>
                                            <td>
                                                {{ form_widget(form4.intitule,{ 'attr': {'class': 'form-control'} }) }}
                                            </td>
                                            <td>
                                                <div class="input-group date">
                                                    {{ form_widget(form4.pourcentage,{ 'attr': {'class': 'form-control'} }) }}<span class="input-group-addon bootstrap-touchspin-postfix">%</span>
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group date">
                                                    {{ form_widget(form4.article,{ 'attr': {'class': 'form-control'} }) }}
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group date">
                                                    {{ form_widget(form4.categorie,{ 'attr': {'class': 'form-control'} }) }}
                                                </div>
                                            </td>

                                            <td>
                                                <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span> {{ form_widget(form4.debut,{ 'attr': {'class': 'form-control'} }) }}
                                                </div>
                                            </td>
                                            <td>
                                                <div class="input-group date">
                                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span> {{ form_widget(form4.fin,{ 'attr': {'class': 'form-control'} }) }}
                                                </div>
                                            </td>
                                            <td>
                                                <button class="btn btn-success"><i class="fa fa-plus"></i> </button>
                                            </td>
                                        </tr>
                                        {{ form_rest(form4) }}
                                        {{ form_end(form4) }}
                                        {% for p in promotion %}
                                            {% if p.promo.statut==1 %}
                                                <tr>

                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.promo.intitule }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.pourcentage }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.article.intitule }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.catTarif.categorie }}" disabled>
                                                    </td>
                                                    <td>
                                                        <div class="input-group date">
                                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ p.promo.debut|date() }}" disabled>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="input-group date">
                                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ p.promo.fin|date() }}" disabled>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        {% if p.promo.statut =='1'%}
                                                            <a href="{{ path('TogglePromo',{'id':p.promo.cbmarq}) }}" class="btn btn-primary"><i class="fa fa-eye"></i> </a>
                                                        {% else %}
                                                            <a href="{{ path('TogglePromo',{'id':p.promo.cbmarq}) }}" class="btn btn-white"><i class="fa fa-eye-slash"></i> </a>
                                                        {% endif %}



                                                    </td>
                                                </tr>
                                            {% endif %}
                                        {% endfor %}

                                        </tbody>

                                    </table>
                                </div>

                            </div>
                        </div>
                        <div id="tab-5" class="tab-pane ">
                            <div class="panel-body">

                                <div class="table-responsive">
                                    <table class="table table-stripped table-bordered">

                                        <thead>
                                        <tr>
                                            <th>
                                                Intitule
                                            </th>
                                            <th>
                                                Pourcentage
                                            </th>
                                            <th>
                                                Article
                                            </th>
                                            <th>
                                                Catégorie
                                            </th>

                                            <th >
                                                Date début
                                            </th>
                                            <th >
                                                Date fin
                                            </th>
                                            <th>
                                                Actions
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        {% for p in promotion %}
                                            {% if p.promo.statut==0 %}
                                                <tr>

                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.promo.intitule }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.pourcentage }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.article.intitule }}" disabled>
                                                    </td>
                                                    <td>
                                                        <input type="text" class="form-control" placeholder="{{ p.catTarif.categorie }}" disabled>
                                                    </td>
                                                    <td>
                                                        <div class="input-group date">
                                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ p.promo.debut|date() }}" disabled>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <div class="input-group date">
                                                            <span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="form-control" placeholder="{{ p.promo.fin|date() }}" disabled>
                                                        </div>
                                                    </td>
                                                    <td>
                                                        {% if p.promo.statut =='1'%}
                                                            <a href="{{ path('TogglePromo',{'id':p.promo.cbmarq}) }}" class="btn btn-primary"><i class="fa fa-eye"></i> </a>
                                                        {% else %}
                                                            <a href="{{ path('TogglePromo',{'id':p.promo.cbmarq}) }}" class="btn btn-white"><i class="fa fa-eye-slash"></i> </a>
                                                        {% endif %}



                                                    </td>
                                                </tr>
                                            {% endif %}
                                        {% endfor %}

                                        </tbody>

                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>



    <script>

        $(document).ready(function() {

            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });


        });

    </script>


{% endblock %}