{% extends "admin/base.html.twig" %}

{% trans_default_domain 'ec_admin' %}

{% set title = "Contacts"|trans %}

{% block title %}{{ title|raw }}{% endblock %}
{% block pageTitle %}{{ title|raw }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block body %}

    <div id="entities-index" class="ec-index card d-inline-block w-100">

        <div class="card-header bg-info-light">
            <div class="row">
                <div class="col-md-8 my-auto">
                    {% if searchForm %}
                        {{ form_start(searchForm, {'attr': {'id': 'index-search-form', 'class': 'form-material', 'novalidate': 'novalidate', 'action': app.request.uri}}) }}
                            <div id="index-search-block" class="row">
                                <div class="form-group pl-2 mb-0">
                                    {{ form_widget(searchForm.search) }}
                                    <span id="index-search-submit"
                                          class="btn btn-outline-secondary cursor h-100 position-absolute"
                                          data-toggle="tooltip" title="{{ "Rechercher"|trans }}">
                                        <i class="fal fa-search"></i>
                                    </span>
                                </div>
                            </div>
                        {{ form_end(searchForm) }}
                    {% endif %}
                </div>
                <div class="col-md-4 text-right my-auto">
                    <a href="{{ lastRoute() }}" class="btn btn-white waves-effect text-info"
                       data-toggle="tooltip" title="{{ "Retourner à la page précédente"|trans }}">
                        <i class="fas fa-reply"></i>
                    </a>
                    {% if routeExist('admin_' ~ interface['name'] ~ '_new') %}
                        {{ render_esi(controller(namespace ~ "::new", {'website': website.id})) }}
                    {% endif %}
                </div>
            </div>
        </div>

        <div id="result" class="position-relative">

            {% include 'admin/include/stripe-preloader.html.twig' with {'preloaderId': 'index-preloader'} only %}

            <table class="table table-striped mb-0{% if pagination|length == 0 %} empty-table{% endif %}">

                <thead>
                    <tr>
                        <th class="align-middle">{{ "Nom"|trans }}</th>
                        <th class="align-middle">{{ "Prénom"|trans }}</th>
                        <th class="align-middle">{{ "Infos"|trans }}</th>
                        <th class="align-middle text-center">{{ "Commandes"|trans }}</th>
                        <th class="text-center">{{ "Envoie de mail"|trans }}</th>
                        <th class="align-middle text-right">{{ "Actions"|trans }}</th>
                    </tr>
                </thead>

                <tbody>

                    {% for entity in pagination %}

                        <tr>
                            <td class="align-middle">{{ entity.lastname }}</td>
                            <td class="align-middle">{{ entity.firstname }}</td>
                            <td class="align-middle">
                                {% include '@ec_international/admin/include/informations.html.twig' with {'infoFields': ['lastLogin', 'createdAt', 'createdBy', 'updatedAt', 'updatedBy', 'customer', 'locale']} %}
                            </td>
                            <td class="align-middle text-center">
                                {% if entity.quotations|length > 0 %}
                                    {% set quotationTitle = entity.quotations|length > 1 ? 'Voir les commandes'|trans : 'Voir la commande'|trans %}
                                    <span data-toggle="tooltip" title="{{ quotationTitle }}">
                                        <a href="{{ path('admin_quotation_index', {'website': website.id, 'user': entity.id}) }}"
                                           data-toggle="preloader"
                                           class="btn btn-dark btn-sm bulle-wrap">
                                            <i class="fas fa-shopping-cart"></i>
                                            <span class="bulle">{{ entity.quotations|length }}</span>
                                        </a>
                                    </span>
                                {% endif %}
                            </td>
                            <td class="align-middle text-center">
                                {% set i18n = email|i18n(entity.locale) %}
                                {% set i18n = i18n ? i18n : email|i18n('fr') %}
                                {% if i18n %}
                                    <a href="mailto:{{ entity.email }}?subject={{ i18n.title|emailSubjectEC(entity) }}&body={{ i18n|emailEC(entity)|mailToBody }}"
                                       class="btn btn-dark btn-sm" data-toggle="tooltip" title="{{ "Envoyer un mail de réinitialisation de mot de passe"|trans }}">
                                        <i class="fas fa-paper-plane"></i>
                                    </a>
                                {% endif %}
                            </td>
                            <td class="align-middle text-right">
                                {% if 'edit'|moduleActive(allModules) %}
                                    {% set fullname = entity.lastname ~ ' ' ~ entity.firstname %}
                                    <a href="{{ path('costumer_quotations', {'_locale': entity.locale}) ~ "?_switch_user=" ~ entity.login}}" target="_blank"
                                       data-toggle="tooltip" title="{{ "Se connecter en tant que"|trans ~ ' ' ~ fullname }}" class="btn btn-transparent p-0 ml-3">
                                        <i class="fas fa-sign-in-alt"></i>
                                    </a>
                                {% endif %}
                                {% if 'edit'|moduleActive(allModules) %}
                                    <span data-toggle="preloader">
                                        <a href="{{ path('admin_userfront_edit', {'website': website.id, 'customer': app.request.get('customer'), 'userfront': entity.id}) }}"
                                           data-toggle="tooltip" title="{{ "Éditer le contact"|trans }}" class="btn btn-transparent p-0 ml-3">
                                            <i class="fas fa-pencil-alt"></i>
                                        </a>
                                    </span>
                                {% endif %}
                                {% if 'delete'|moduleActive(allModules) %}
                                    <span class="btn text-center p-0 ml-3">
                                        <a href="{{ path('admin_userfront_delete', {'website': website.id, 'userfront': entity.id}) }}"
                                           data-toggle="tooltip" title="{{ "Supprimer le contact"|trans }}"
                                           data-target="#entity-row-{{ entity.id }}"
                                           class="text-dark swal-delete-link">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </span>
                                {% endif %}
                            </td>
                        </tr>

                    {% else %}
                        <tr>
                            <td colspan="4" class="text-center w-100">{{ "Aucun contact"|trans }}</td>
                        </tr>
                    {% endfor %}

                </tbody>
            </table>

            {% include 'admin/core/include/pagination.html.twig' %}

        </div>

    </div>

{% endblock %}