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


{% block body %}

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2> <strong>Familles</strong> </h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Accueil</a>
                </li>
                <li>
                    <a href="{{ path('ListeArticle') }}">Gestion des Familles</a>
                </li>
                <li class="active">
                    <strong>Familles</strong>
                </li>
            </ol>
        </div>

    </div>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="ibox-tools">
                <a href="{{ path('newFamille') }}" class="btn btn-primary btn-sm " ><i class="fa fa-plus"> </i> Nouveau</a>
            </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">


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

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

                                {{ fam.intitule }}




                                <div class="m-t text-righ">


                                    <a href="{{ path('editFamille',{'id':fam.cbmarq}) }}" class="btn btn-xs btn-primary"> <i class="fa fa-pencil fa-3x"></i> </a>
                                    <a href="{{ path('famille_article_delete',{'id':fam.cbmarq}) }}" class="btn btn-xs btn-danger"> <i class="fa fa-trash fa-3x"></i> </a>
                                </div>
                            </div>
                        </div>
                    </div></a>
                </div>
            {% endfor %}



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

        });

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