{% extends "view/layout.html.twig" %}
{% block title %} Contact | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    {% include 'view/library/_select2.html.twig' %}
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
        {% set titleHelp = "help.contactFilter.title"|trans %}
        {% include 'view/header/_help.html.twig' %}

        {% if contacts is null %}
            {{ form_start(formFilterContact) }}
            <!-- 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.contactFilter.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')) }}">
                                                {{ 'contactFilter.formFilterContact.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(formFilterContact.name) }}
                            </div>
                        </div>
                        <div class="row text-center">
                            <div class="col-sm-4 col-md-4">
                                <div data-step="2" data-intro="{{ "help.contactFilter.filter.step2"|trans }}">
                                    {{ form_row(formFilterContact.submitAddFilter) }}
                                </div>
                            </div>
                            <div class="col-sm-4 col-md-4">
                                {% if currentFilter %}
                                    <div data-step="4" data-intro="{{ "help.contactFilter.filter.step4"|trans }}">
                                        {{ form_row(formFilterContact.submitUpdateFilter) }}
                                    </div>
                                {% endif %}
                            </div>
                            <div class="col-sm-4 col-md-4">
                                {% if currentFilter %}
                                    <div data-step="5" data-intro="{{ "help.contactFilter.filter.step5"|trans }}">
                                        {{ form_row(formFilterContact.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.contactFilter.filter.step1"|trans }}">
                        <h2 class="mb-3">{{ "contactFilter.formFilterContact.title"|trans }}</h2>
                        {% include 'view/contact/_formFilterContact.html.twig' %}
                    </div>
                </div>
            </div>
            {{ form_end(formFilterContact, {"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.contactFilter.filter.step6"|trans }}">
                        <table id="datatable" class="display text-center" style="width:100%">
                            <thead>
                            <tr>
                                <th>{{ "contact.list.table.civility"|trans }}</th>
                                <th>{{ "contact.list.table.lastname"|trans }}</th>
                                <th>{{ "contact.list.table.firstname"|trans }}</th>
                                <th>{{ "contact.list.table.company"|trans }}</th>
                                <th>{{ "contact.list.table.phone"|trans }}</th>
                                <th>{{ "contact.list.table.mail"|trans }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for contact in contacts %}
                                {% set idContact = contact.id %}
                                <tr id="{{ idContact }}">
                                    <td>{{ contact.civility }}</td>
                                    <td>{{ contact.lastname }}</td>
                                    <td>
                                        {% if contact.firstname %}
                                            {{ contact.firstname }}
                                        {% endif %}
                                    </td>
                                    <td>{{ contact.company }}</td>
                                    <td>
                                        {% for mail in contact.mails %}
                                            <a href="mailto:{{ mail["mail"] }}">{% if mail["mailType"] %}{{ mail["mailType"] }} - {% endif %}{{ mail["mail"] }}</a>
                                            <br>
                                        {% endfor %}
                                    </td>
                                    <td>
                                        {% for phone in contact.phones %}
                                            <a href="tel:{{ phone["phoneNumber"] }}">{% if phone["phoneType"] %}{{ phone["phoneType"] }} - {% endif %}{{ phone["phoneNumber"] }}</a>
                                            <br>
                                        {% endfor %}
                                    </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, 'contacts': contactsId}) }}
                                    {% else %} {{ path('createTunnelMovement', {'contacts': contactsId}) }} {% endif %}>
                                {{ "contactFilter.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/contact/filterContact.js') }}"></script>
{% endblock %}