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

{% block title %}Les packs{% endblock %}
{#{% form_theme form 'bootstrap_4_horizontal_layout.html.twig' %}#}
{% block title_page %}Les packs{% endblock %}

{% block container_start %}

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

                    <div class="col-1"></div>

                    <div class="col-3">
                        {{ form_row(form.name, { 'attr': {'placeholder': "Nom"} }) }}
                    </div>
                    <div class="col-3">
                        {{ form_row(form.description, { 'attr': {'placeholder': "Description"} }) }}
                    </div>
                    <div class="col-2">
                        {{ form_row(form.reference, { 'attr': {'placeholder': "Référence"} }) }}
                    </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">

            {% if is_granted("ROLE_CREATE_PRODUCT") %}
                <div class="card-tools">
                    <div class="input-group input-group-sm" style="width: 150px;">
                        <div class="float-right bouton_choix_haut">
                            <a class="btn btn-success pull-right " href="{{ path('package_pack_pack_new') }}" role="button">Ajouter</a>
                        </div>
                    </div>
                </div>
            {% endif %}
        </div>
        <!-- /.card-header -->
        <div class="card-body table-responsive p-0">
            <table class="table table-sm">
                <thead>
                <tr>
                    <th scope="col" class="text-center">#</th>
                    <th scope="col" class="text-center"></th>
                    <th scope="col" class="text-center">Nom </th>
                    <th scope="col" class="text-center">Reference </th>
                    <th scope="col" class="text-center">Série Fab.</th>
                    <th scope="col" class="text-center">Série Societe </th>
                    <th scope="col" class="text-center">Etat </th>
                    <th scope="col" class="text-center">Commentaire</th>
                    <th class="text-center" scope="col"></th>
                </tr>
                </thead>
                <tbody id="list-sites">
                {% set i = 1 %}
                {% for pack in packs %}
                    <tr>
                        <td>{{ pack.id }}</td>
                        <th scope="row">
                            {% if pack.product.filename %}
                                <img src="{{ vich_uploader_asset(pack.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>
                        <td>{{ pack.product.name }}</td>
                        <td>{{ pack.product.reference }}</td>
                        <td>{{ pack.manufacturerSerialNumber }}</td>
                        <td>{{ pack.companySerialNumber }}</td>
                        <td>{{ pack.state }}</td>
                        <td>{{ pack.comment }}</td>
                        <td>
                            {% if is_granted("ROLE_VIEW_PRODUCT_FOLLOW") %}
                                <a href="{{ path('product_follow_view', {'id': pack.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': pack.id}) }}" style="color:black; margin-right:10px;"><i class="far fa-edit"></i></a>
                            {% endif %}
                        </td>
                    </tr>
                    {% set i = i + 1 %}
                {% else %}
                    <tr>
                        <td colspan="4">Il n'y a pas de pack enregistré.</td>
                    </tr>
                {% endfor %}

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


{% endblock %}