{% extends "view/layout.html.twig" %}
{% block title %} Company | 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.company.title"|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">
                    <div class="row">
                        <div class="col-md-4 text-left">
{#                            <button type="button" class="btn btn-success" data-toggle="modal" data-step="3"#}
{#                                    data-intro="{{ "help.company.list.step3"|trans }}"#}
{#                                    data-target="#modalImportCompany">#}
{#                                {{ "company.list.importCompany.button"| trans }}#}
{#                            </button>#}
{#                            {% if msg %}#}
{#                                <button type="button" class="btn btn-danger" data-toggle="modal"#}
{#                                        data-target="#modalLogsImport">#}
{#                                    {{ "company.list.importCompany.logs"| trans }}#}
{#                                </button>#}
{#                            {% endif %}#}
                        </div>
                        <div class="col-md-6 text-left mt-2 {% if not is_granted('ROLE_CLIENT_ADMIN') %} d-none {% endif %}">
                            <label for="selectInternalManagerCompanies"> {{ "company.formCompany.internalManager"| trans }}:
                                <select class="selectpicker" id="selectInternalManagerCompanies">
                                    <option value="*" {% if is_granted('ROLE_CLIENT_ADMIN') %} selected {% endif %}> *</option>
                                    {% for user in users %}
                                        <option value="{{ user.id }}" {% if not is_granted('ROLE_CLIENT_ADMIN') %} {% if app.user.id == user.id %} selected {% endif %}{% endif %}> {{ user }}</option>
                                    {% endfor %}
                                </select>
                            </label>
                        </div>
                        <div class="col-md-2 text-right">
                            <div>
                                <label for="activeCompany">{{ "company.formCompany.active"| trans }}</label>
                                <input type="checkbox" id="activeCompany" checked>
                            </div>
                        </div>
                    </div>
                    {% if 'ROLE_CLIENT_ADMIN' in app.user.roles %}
                        <div class="col-xs-6 text-right mb-3">
                            <form id="deleteCompaniesForm" class="mb-3" action="{{ path('deleteCompany') }}">
                                <input type="hidden" name="companies[]" value="">
                                <input type="hidden" name="_method" value="DELETE"/>
                                <button type="submit" id='deleteCompany' class="btn btn-danger"
                                        data-step="2" data-intro="{{ "help.company.list.step2"|trans }}"
                                        data-toggle="tooltipDelete"
                                        data-placement="left" title="{{ "header.delete"| trans }}" disabled>
                                    <i class="fas fa-trash-alt"></i>
                                </button>
                                <button title="Exporter en csv" id="exportCsvCompany" type="button"
                                        class="btn btn-outline-success m-1">
                                    <i class="fa fa-file-csv"></i>
                                </button>
                            </form>
                        </div>
                    {% endif %}
                    <div class="h-600">
                        <div id="companyLoader" class="table-loader"><div class="spinner-border"></div></div>
                        <div id="companyTable" data-step="1" data-intro="{{ "help.company.list.step1"|trans }}" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        let translations = {
            name: "{{ 'company.list.table.name'|trans }}",
            postalCode: "{{ 'company.list.table.postalCode'|trans }}",
            street: "{{ 'formAddresses.street'|trans }}",
            region: "{{ 'company.list.table.region'|trans }}",
            country: "{{ 'company.list.table.country'|trans }}",
            phone: "{{ 'company.list.table.phone'|trans }}",
            mail: "{{ 'company.list.table.mail'|trans }}",
            category: "{{ 'company.list.table.category'|trans }}",
            subCategory: "{{ 'company.list.table.subCategory'|trans }}",
            competitor: "{{ 'company.list.table.competitor'|trans }}",
            naceCode: "{{ 'company.list.table.nace'|trans }}",
        };
    </script>
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/company/companies.js') }}"></script>
{% endblock %}