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

{% block title %}Les produits détaillés{% endblock %}
{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}
{% block title_page %}Les produits détaillés{% endblock %}

{% block container_start %}

    {% if is_granted("ROLE_SEARCH_PRODUCT_FOLLOW") %}
        {{form_start(form)}}
        <div class="card">
            <div class="card-body">
                <div class="row">

                    <div class="col-3">
                        {{ form_row(form.manufacturerSerialNumber, { 'attr': {'placeholder': "# série fabriquant"} }) }}
                    </div>
                    <div class="col-3">
                        {{ form_row(form.companySerialNumber, { 'attr': {'placeholder': "# série société"} }) }}
                    </div>
                    <div class="col-2">
                        {{ form_row(form.product) }}
                    </div>
                    <div class="col-2">
                        {{ form_row(form.company) }}
                    </div>
                    <div class="col-2">
                        <button class='btn btn-primary'>Rechercher</button>
                    </div>

                </div>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
        {{form_end(form)}}
    {% endif %}


    <div class="card">
        <div class="card-header">
            <div class="row">
                <div class="col-12">
                    {% if is_granted("ROLE_VIEW_LIST_PRODUCT_FOLLOW") %}
                    <h3 class="card-title">Nombre de Résultat(s) : {{ nbResult }}</h3>
                    {% endif %}
                </div>
            </div>

            {% if is_granted("ROLE_CREATE_PRODUCT_FOLLOW") %}

                        <div class="row">

                            {% if is_granted("ROLE_CREATE_PRODUCT_FOLLOW_SCAN") %}
                                <div class="col-6">
                                    <button type="button" class="btn btn-success btn-sm">
                                        <a class="btn-sm btn-success" href="{{ path('product_follow_new_scan') }}">Ajouter Périphérique</a>
                                    </button>
                                </div>
                            {% endif %}
                            <div class="col-6">
                                <div class="float-right">
                                <button type="button" class="btn btn-success btn-sm">
                                    <a class="btn-sm btn-success" href="{{ path('product_follow_new') }}">Ajouter Centrale</a>
                                </button>
                                </div>
                            </div>
                        </div>
            {% endif %}

            </div>
        </div>
        <!-- /.card-header -->

        {% if is_granted("ROLE_VIEW_LIST_PRODUCT_FOLLOW") %}
        <div class="card-body table-responsive p-0">
            <table class="table table-sm">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col"></th>
                    <th scope="col">Catégorie</th>
                    <th scope="col">Référence</th>
                    <th scope="col">N° Fab.</th>
                    <th scope="col">N° Société</th>
                    <th scope="col">Nom</th>
                    <th>Société</th>
                    <th scope="col">Etat</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="list-sites">
                {% set i = 1 %}
                {% for productFollow in productFollows %}

                    <tr>
                        <th scope="row">{{ productFollow.id }}</th>
                        <th scope="row">
                            {% if productFollow.product.filename %}
                                <img src="{{ vich_uploader_asset(productFollow.product, 'imageFile') | imagine_filter('img_list') }}" alt="image-product" style="height: 30px; width: auto;" >
                            {% else %}
                                <img src="{{ asset('dist/img/image-non-disponible.png')| imagine_filter('img_list') }}" alt="Image-non-disponible" class="brand-image img-circle elevation-3" style="height: 30px; width: auto;">
                            {% endif %}
                        </th>
                        <th>{{ productFollow.product.name }}</th>
                        <th>{{ productFollow.product.reference }}</th>
                        <th>{{ productFollow.manufacturerSerialNumber}}</th>
                        <th>{{ productFollow.companySerialNumber}}</th>
                        <th>{{ productFollow.product.name }}</th>
                        <th>{{ productFollow.company.name }}</th>
                        <th>{{ productFollow.state.name }}</th>
                        <th>
                            {% if is_granted("ROLE_VIEW_PRODUCT_FOLLOW") %}
                                <a href="{{ path('product_follow_view', {'id': productFollow.id}) }}" style="color:black; margin-right:10px;"><i class="far fa-eye"></i></a>
                            {% endif %}
                            {% if is_granted("ROLE_EDIT_PRODUCT_FOLLOW") %}
                                <a href="{{ path('product_follow_edit', {'id': productFollow.id}) }}" style="color:black; margin-right:10px;"><i class="far fa-edit"></i></a>
                            {% endif %}
                        </th>
                    </tr>
                    {% set i = i + 1 %}
                {% endfor %}

                </tbody>
            </table>
        </div>
        <!-- /.card-body -->

        <div class="card-footer navigation">
            {{ knp_pagination_render(productFollows, null, {}, {
                'align': 'right',
            }) }}
        </div>
        <!-- /.card-footer -->

        {% endif %}
    </div>
    <!-- /.card -->


{% endblock %}