{% extends "view/layout.html.twig" %}
{% block title %} Contact | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bootstrap-4.4.1/css/select2.min.css') }}" rel="stylesheet"/>
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "help.contact.title"|trans %}
        {% set txtHelp = "help.contact.list"|trans %}
        {% include 'view/header/_help.html.twig' %}

        <!-- box -->
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <div class="content-box content-lighten" data-step="1"
                     data-intro="{{ "help.contact.list.step1"|trans }}">
{#                    <div class="col-xs-6 text-left">#}
{#                        <button type="button" class="btn btn-success" data-toggle="modal"#}
{#                                data-target="#modalImportContact">#}
{#                            {{ "contact.list.importContact.button"|trans }}#}
{#                        </button>#}
{#                        {% if msg %}#}
{#                            <button type="button" class="btn btn-danger" data-toggle="modal"#}
{#                                    data-target="#modalLogsImport">#}
{#                                {{ "contact.list.importContact.logs"|trans }}#}
{#                            </button>#}
{#                        {% endif %}#}
{#                    </div>#}
                    <div class="row">
                        <div class="col-md-6">
                            <button type="button" class="btn btn-info" data-toggle="modal"
                                    data-target="#modalFilter" data-tooltip="tooltipSearchContactCompany"
                                    data-placement="right" title="{{ "tooltip.searchContactCompany"|trans }}"><i
                                        class="fas fa-search"></i>
                            </button>
                        </div>
                        <div class="col-md-6">
                            <div class="text-right">
                                {% if 'ROLE_CLIENT_ADMIN' in app.user.roles %}
                                    <div class="text-right mb-2">
                                        <form id="deleteContactsForm" action="{{ path('deleteContact') }}">
                                            <input type="hidden" name="_method" value="DELETE"/>
                                            <input type="hidden" name="contacts[]" value="">
                                            <button type="submit" id='deleteContact' class="btn btn-danger"
                                                    data-toggle="tooltipDelete"
                                                    data-step="2" data-intro="{{ "help.contact.list.step2"|trans }}"
                                                    data-placement="left" title="{{ "header.delete"| trans }}"
                                                    disabled>
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                            <button title="Exporter en csv" id="exportCsvContact" type="button"
                                                    class="btn btn-outline-success m-1">
                                                <i class="fa fa-file-csv"></i>
                                            </button>
                                        </form>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    <div class="h-600">
                        <div id="contactLoader" class="table-loader"><div class="spinner-border"></div></div>
                        <div id="contactTable" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% include 'view/contact/_filterModal.twig' %}

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        let translations = {
            civility: "{{ 'contact.list.table.civility'|trans }}",
            lastname: "{{ 'contact.list.table.lastname'|trans }}",
            firstname: "{{ 'contact.list.table.firstname'|trans }}",
            company: "{{ 'contact.list.table.company'|trans }}",
            phone: "{{ 'contact.list.table.phone'|trans }}",
            mail: "{{ 'contact.list.table.mail'|trans }}",
        };
    </script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/contact/contacts.js') }}"></script>
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
{% endblock %}