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


{% block body %}
    <div class="wrapper wrapper-content animated fadeInRight ecommerce">



        <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</h2>
                            <span>Famille  / Liste famille </span>
                        </div>
                        <div class="ibox-tools">
                            <a href="{{ path('newFamille') }}" class="btn btn-primary btn-sm " ><i class="fa fa-plus"> </i> Nouveau</a>
                        </div>
                    </div>

                </div>

            </div>
        </div>



    </div>







            {% for fam in famille %}
            {% set k=0 %}
                {% for art in produit %}
                    {% if (art.FaId == fam) %}
                        {% set k=k+1 %}
                    {% endif %}
                 {% endfor %}

                <div class="col-md-3">
                    <a href="{{ path('famille_article_show',{'id':fam.cbmarq}) }}" class="product-name">
                    <div class="ibox">
                        <div class="ibox-content product-box text-center">
                            <div class="m-t text-right">


                                <a href="{{ path('editFamille',{'id':fam.cbmarq}) }}" class="btn btn-outline btn-warning  dim  "> <i class="fa fa-pencil "></i>  </a>
                                <a href="{{ path('famille_article_delete',{'id':fam.cbmarq}) }}" class="btn btn-outline btn-danger  dim  "> <i class="fa fa-trash "></i> </a>
                            </div>

                                <img src="{{ asset(artciles_dir ~ fam.image ) }}" style="height: 200px">

                            <div class="product-desc">
                                <span class="product-price">
                                    {{ k }}
                                </span>

                                {{ fam.intitule }}





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









    <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();

        });

    </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 %}