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

{% block title %}Utilisateur : {{ user.name }} {{ user.firstName }}{% endblock %}

{% block title_page %}Utilisateur : {{ user.name }} {{ user.firstName }}{% endblock %}


{% block container_start %}


    <div class="invoice p-3 mb-3">
        <!-- title row -->
        <div class="row card-header">
            <div class="col-4">
                <h4>
                    <i class="fas fa-globe"></i>
                </h4>
            </div>
            <!-- /.col -->
            <div class="col-4">
            </div>
            <div class="col-4">
                <div class="float-right">

                    {% if is_granted("ROLE_ADMINISTRATION_USER") %}
                        <button type="button" class="btn btn-success btn-sm">
                            <a class="btn-sm btn-success" href="{{ path('security_user_edit', {'id': user.id}) }}">
                                <i class="fas fa-edit"></i> Modifier
                            </a>
                        </button>
                    {% endif %}

                    {% if is_granted("ROLE_ADMINISTRATION_USER") %}
                        <button type="button" class="btn btn-danger btn-sm">
                            <a class="btn-sm btn-danger" href="#">
                                <i class="fas fa-trash"></i> Supprimer
                            </a>
                        </button>
                    {% endif %}


                </div>
            </div>
            <!-- /.col -->

        </div>
        <!-- info row -->
        <div class="row invoice-info card-body">
            <div class="col-sm-2 invoice-col">

                <div class="card-body box-profile">
                    <div class="text-center">
                        {#<img src="{{ vich_uploader_asset(productFollow.product, 'imageFile') | imagine_filter('img_product_list') }}" alt="image-product" style="width: 100px; height: auto;" >#}
                    </div>
                </div>
                <!-- /.card-body -->

            </div>
            <div class="col-sm-5 invoice-col">
                <dl class="row">
                    <dt class="col-md-4">Identifiant : </dt>
                    <dd class="col-md-8">{{user.id}}</dd>

                    <dt class="col-md-4">Nom : </dt>
                    <dd class="col-md-8">{{user.name}}</dd>

                    <dt class="col-md-4">Prénom : </dt>
                    <dd class="col-md-8">{{user.firstName}}</dd>

                    <dt class="col-md-4">Nom d'utilisateur : </dt>
                    <dd class="col-md-8">{{user.username}}</dd>

                    <dt class="col-md-4">Email : </dt>
                    <dd class="col-md-8">{{user.email}}</dd>

                    <dt class="col-md-4">Groupe : </dt>
                    <dd class="col-md-8">{{user.groupRole}}</dd>

                    <dt class="col-md-4">Société : </dt>
                    <dd class="col-md-8">
                        <ul>
                            {% for company in user.companies %}
                                <li>{{company.name}}</li>
                            {% endfor %}
                        </ul>
                    </dd>


                    <dt class="col-md-4">Roles : </dt>
                    <dd class="col-md-8">
                        <ul>
                            {% for role in user.otherRoles %}
                                <li>{{role}}</li>
                            {% endfor %}
                        </ul>
                    </dd>

                    <dt class="col-md-4">Produits : </dt>
                    <dd class="col-md-8">
                        <ul>
                            {% for produit in user.products %}
                                <li>{{produit}} ({{ produit.reference }})</li>
                            {% endfor %}
                        </ul>
                    </dd>


                </dl>
            </div>
            <!-- /.col -->
            <div class="col-sm-5 invoice-col">
                <dl class="row">

                </dl>
            </div>
            <!-- /.col -->

        </div>
        <!-- /.row -->


        <!-- this row will not appear when printing -->
        {#
        <div class="row no-print">
            <div class="col-12">
                <a href="#" target="_blank" class="btn btn-default"><i class="fas fa-print"></i> Print</a>
                <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                    <i class="fas fa-download"></i> Generate PDF
                </button>
            </div>
        </div>
        #}
    </div>
    <!-- /.invoice -->

{% endblock %}