{% 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.companyFilter.title"|trans %}
        {% include 'view/header/_help.html.twig' %}

        {% if companies is null %}
            {{ form_start(formFilterCompany) }}
            <!-- box -->
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="content-box content-lighten">
                        <div class="row text-center">
                            <div class="col-sm-6 col-md-6 mt-4">
                                <div data-step="3" data-intro="{{ "help.companyFilter.filter.step3"|trans }}">
                                    <label>
                                        <select data-select="filter" style="width: 150%"
                                                onchange="location = this.value;">
                                            <option value="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}">
                                                {{ 'companyFilter.formFilterCompany.noFilter' | trans }}
                                            </option>
                                            {% for filter in filterUser %}
                                                <option value="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) }}?filter={{ filter.id }}"{% if filter.id == app.request.get('filter') %} selected {% endif %}> {{ filter.name }}</option>
                                            {% endfor %}
                                        </select>
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-6">
                                {{ form_row(formFilterCompany.name) }}
                            </div>
                        </div>
                        <div class="row text-center">
                            <div class="col-sm-4 col-md-4">
                                <div data-step="2" data-intro="{{ "help.companyFilter.filter.step2"|trans }}">
                                    {{ form_row(formFilterCompany.submitAddFilter) }}
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4">
                                {% if currentFilter %}
                                    <div data-step="4" data-intro="{{ "help.companyFilter.filter.step4"|trans }}">
                                        {{ form_row(formFilterCompany.submitUpdateFilter) }}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="col-sm-4 col-md-4">
                                {% if currentFilter %}
                                    <div data-step="5" data-intro="{{ "help.companyFilter.filter.step5"|trans }}">
                                        {{ form_row(formFilterCompany.submitDeleteFilter) }}
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- box -->
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="content-box content-lighten" data-step="1"
                         data-intro="{{ "help.companyFilter.filter.step1"|trans }}">
                        <h2 class="mb-3">{{ "companyFilter.formFilterCompany.title"|trans }}</h2>
                        {% include 'view/company/_formFilterCompany.html.twig' %}
                    </div>
                </div>
            </div>
            {{ form_end(formFilterCompany, {"render_rest":false}) }}
        {% else %}
            <!-- box -->
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <div class="content-box content-lighten" data-step="6"
                         data-intro="{{ "help.companyFilter.filter.step6"|trans }}">
                        <table id="datatable" class="display text-center" style="width:100%">
                            <thead>
                            <tr>
                                <th>{{ "companyFilter.table.name"|trans }}</th>
                                <th>{{ "companyFilter.table.category"|trans }}</th>
                                <th>{{ "companyFilter.table.internalManager"|trans }}</th>
                                <th>{{ "companyFilter.table.manager"|trans }}</th>
                                <th>{{ "companyFilter.table.naceCode"|trans }}</th>
                                <th>{{ "companyFilter.table.address"|trans }}</th>
                                <th>{{ "companyFilter.table.postalCode"|trans }}</th>
                                <th>{{ "companyFilter.table.region"|trans }}</th>
                                <th>{{ "companyFilter.table.country"|trans }}</th>
                                <th>{{ "companyFilter.table.mail"|trans }}</th>
                                <th>{{ "companyFilter.table.phone"|trans }}</th>
                                <th>{{ "companyFilter.table.website"|trans }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for company in companies %}
                                {% set idCompany = company.id %}
                                <tr id="{{ idCompany }}">
                                    <td>{{ company.name }}</td>
                                    <td>{{ company.category |capitalize }}</td>
                                    <td>
                                        {% if company.internalManager %}
                                            {{ company.internalManager }}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if company.manager %}
                                            <a href="{{ path('updateContact', {'id': company.manager.id}) }}">{{ company.manager }}</a>
                                        {% endif %}
                                    </td>
                                    <td>{% if company.naceCode %}{{ company.naceCode.nacebelfr }}{% endif %}</td>
                                    <td>
                                        {% if company.addresses | length > 0 %}
                                            {% if company.addresses[0].street %}{{ company.addresses[0].street }}{% endif %}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if company.addresses  | length > 0 %}
                                            {% if company.addresses[0].commonPostalCode %}
                                                {{ company.addresses[0].commonPostalCode.code }} - {{ company.addresses[0].commonPostalCode.city }} {{ company.addresses[0].commonPostalCode.town }}
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if company.addresses  | length > 0 %}
                                            {% if company.addresses[0].region %}
                                                {{ company.addresses[0].region.name }}
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% if company.addresses  | length > 0 %}
                                            {% if company.addresses[0].country %}
                                                {{ company.addresses[0].country.name }}
                                            {% endif %}
                                        {% endif %}
                                    </td>
                                    <td>
                                        {% for mail in company.mails %}
                                            <a href="mailto:{{ mail["mail"] }}">{% if mail["mailType"] %}{{ mail["mailType"] }} - {% endif %}{{ mail["mail"] }}</a>
                                            <br>
                                        {% endfor %}
                                    </td>
                                    <td>
                                        {% for phone in company.phones %}
                                            <a href="tel:{{ phone["phoneNumber"] }}">{% if phone["phoneType"] %}{{ phone["phoneType"] }} - {% endif %}{{ phone["phoneNumber"] }}</a>
                                            <br>
                                        {% endfor %}
                                    </td>
                                    <td>
                                        {% if company.website %}
                                            <a href="https://{{ company.website }}" target="_blank">
                                                {{ company.name }}
                                            </a>
                                        {% endif %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                        <div class="text-right mb-3 mt-2">
                            <a class="btn btn-success" href=
                            {% if salesTunnel %} {{ path('createTunnelMovementId', {'id':salesTunnel.id, 'companies': companiesId}) }}
                                    {% else %} {{ path('createTunnelMovement', {'companies': companiesId}) }} {% endif %}>
                                {{ "companyFilter.table.add"|trans }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
    {% include 'view/library/_popover.html.twig' %}
    {% include 'view/library/_dataTable.html.twig' %}
    <script type="text/javascript" charset="utf8"
            src="{{ asset('js/signaletique/company/filterCompany.js') }}"></script>
{% endblock %}