{% 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> Famille article</h2>
                        <span>Famille article / Liste article famille</span>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="row">

        <div class="col-lg-12">

            <div class="ibox">

                <div class="ibox-content">
                    <div class="ibox-tools">
                        <a href="{{ path('nouvArt') }}" class="btn btn-primary btn-sm " ><i class="fa fa-plus"> </i> Nouveau article</a>
                    </div>
                    <table class="footable table table-stripped toggle-arrow-tiny default breakpoint footable-loaded" data-page-size="15">
                        <thead>
                        <tr>

                            <th class="footable-visible footable-first-column footable-sortable">Images<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Intitule<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Famille<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Date Insertion<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone,tablet" class="footable-visible footable-sortable">Date modified<span class="footable-sort-indicator"></span></th>
                            <th data-hide="phone" class="footable-visible footable-sortable">Status<span class="footable-sort-indicator"></span></th>
                            <th class="text-right footable-visible footable-last-column footable-sortable">Action<span class="footable-sort-indicator"></span></th>

                        </tr>
                        </thead>
                        <tbody>
                        {% set k=0 %}
                        {% for a in articles %}
                            {% if k==0 %}
                                {% set k=1 %}
                        <tr style="" class="footable-even">
                            {% else %}
                                {% set k=0 %}
                                <tr style="" class="footable-odd">
                            {% endif %}
                            <td class="footable-visible footable-first-column">

                                <img src="{{ asset(artciles_dir ~ a.imagePrincipal ) }}" style="height: 100px">

                            </td>
                            <td class="footable-visible">
                                {{ a.intitule }}
                            </td>


                                    <td class="footable-visible">
                                        {{ famille.intitule }}
                                    </td>



                            <td class="footable-visible">
                                {{ a.cbcreation|date }}
                            </td>
                            <td class="footable-visible">
                                {{ a.cbmodification|date }}
                            </td>
                            {% if a.visibilite==1 %}
                            <td class="footable-visible">
                                <a href="{{ path('ToggleArt',{'id':a.cbmarq}) }}" class="label label-primary">Affiché</a>
                            </td>
                            {% else  %}
                                <td class="footable-visible">
                                    <a href="{{ path('ToggleArt',{'id':a.cbmarq}) }}" class="label label-danger">Caché</a>
                                </td>
                            {% endif %}
                            <td class="text-right footable-visible footable-last-column">
                                <div class="btn-group">
                                    <a href="{{ path('detailArt',{'id':a.cbmarq}) }}" class="btn-white btn btn-xs"><i class="fa fa-bullseye"> Consulter</i></a>
                                    <a href="{{ path('article_edit',{'id':a.cbmarq}) }}" class="btn-white btn btn-xs"><i class="fa fa-pencil"> Modifier</i></a>
                                    <a id="{{ a.cbmarq }}" class="btn-white btn btn-xs supp"><i class="fa fa-trash"> Supprimer</i></a>
                                </div>
                            </td>

                        </tr>
                        {% endfor %}


                        </tbody>
                        <tfoot>
                         </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
    </div>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
        $(document).ready(function() {

            $('.footable').footable();

        });
        $('.supp').click(function(){
            id=this.id;
            swal({
                title: "Confirmation !!",
                text: "Lors de la suppression d'un article , tous les suivies (Promotion , ingrédient , images , détails) seront perdus !",
                type: "warning",
                showCancelButton: true,
                CancelButtonColor: "gray",
                confirmButtonColor: "#ef6e6e",
                confirmButtonText: "Supprimer ?",
                closeOnConfirm: false,
                closeOnCancel: true
            },function (isConfirm) {
                if (isConfirm) {
                    var url = '{{ path("article_delete", {'id': 'idd'}) }}';
                    url = url.replace("idd",id );
                    $.ajax({
                        type: "POST",
                        url:url,
                    }).then(function (data) {
                        if (typeof data.status != "undefined" && data.status != "undefined") {

                            if (data.status == "OK") {
                                if (typeof data.message != "undefined" && data.message != "undefined") {
                                    swal({title:"Supprimé!!",
                                        text: data.message,
                                        type: "success"
                                    },function(){
                                        window.location.reload();
                                    });
                                }
                            }
                            if (data.status == "Error") {
                                swal("Erreur", "Probléme de connexion à la base ",  "error");
                            }
                        }
                    });
                } else {
                    swal.close();
                }
            });

        });
    </script>
    <script>
        $(function()
        {
            $('.filebtn').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("image")==-1){
                    $('#error').show();
                }
                else {
                    $('#error').hide();
                }
            });

            $('.filebtn2').on('change',function (event)
            {
                if(event.target.files[0].type.indexOf("pdf")==-1){
                    $('#error2').show();
                }
                else {
                    $('#error2').hide();
                }
            });
        });

    </script>
    {#<script>#}
    {#$(document).ready(function(){#}


    {#$('.summernote').summernote("code");#}

    {#});#}
    {#</script>#}
{% endblock %}