{% extends 'base_backend.html.twig' %}
{% block nombreMessage %}{{ nbrMsg }}{% endblock %}

{% block body %}

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2> <strong>Produits</strong> </h2>
            <ol class="breadcrumb">
                <li>
                    <a href="{{ path('homeback') }}">Home</a>
                </li>
                <li>
                    <a href="{{ path('produits') }}">Gestion des Produits</a>
                </li>
                <li class="active">
                    <strong>Produits</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="wrapper wrapper-content animated fadeInUp">

                <div class="ibox">
                    <div class="ibox-title">
                        <h5>Liste des Produits</h5>
                        <div class="ibox-tools">
                            <a href="{{ path('newproduit') }}" class="btn btn-primary btn-sm ">Nouveau Produit</a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row m-b-sm m-t-sm">
                            <div class="col-md-1">
                                <button type="button" id="loading-example-btn" class="btn btn-white btn-sm" ><i class="fa fa-refresh"></i> Actualisé</button>
                            </div>
                            <div class="col-md-11">

                            </div>
                        </div>

                        <div class="project-list">

                            <table class="table table-hover">
                                <tbody>
                                <tr>
                                    <td class="project-title">
                                        <a href="#" style="float: right">Image</a>
                                    </td>
                                    <td class="project-title">
                                        <a href="#" style="float: right">Nom</a>
                                    </td>
                                    <td class="project-title">
                                        <a href="#" style="float: right">Action</a>
                                    </td>
                                </tr>
                                {% for r in produits %}
                                    <tr>

                                        <td class="project-people">
                                            <a href="#"><img alt="image" class="img-circle" src="{{ asset(imagepath ~ r.image1 ) }}"></a>
                                        </td>
                                        <td class="project-title">
                                            <a href="#" style="float: right">{{ r.nom }}</a>
                                        </td>
                                        <td class="project-actions" >
                                            <a href="{{ path('toggleproduit',{'id':r.id}) }}" class="btn btn-white btn-sm">{% if r.show %}<i class="fa fa-eye"></i>{% else %}<i class="fa fa-eye-slash"></i>{% endif %}</a>
                                            <a href="{{ path('editproduit',{'id':r.id}) }}" class="btn btn-white btn-sm"><i class="fa fa-pencil"></i> Editer </a>
                                            <a href="{{ path('produitdelete',{'id':r.id}) }}" class="btn btn-white btn-sm"><i class="fa fa-remove"></i> Supprimer </a>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </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>
        $(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 %}