{% extends "view/layout.html.twig" %}
{% block title %} Suivi | CRM BIVTeam {% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bootstrap-4.4.1/css/select2.min.css') }}" rel="stylesheet"/>
    <link rel="stylesheet" href="{{ asset('bootstrap-4.4.1/css/bootstrap-select.min.css') }}">
    <link href="{{ asset('bootstrap-4.4.1/css/toggle.min.css') }}" rel="stylesheet">
{% endblock %}
{% block body %}
    <div class="container-fluid mt-2">
    {% set titleHelp = "help.details.title"|trans %}
    {% include 'view/header/_help.html.twig' %}
    {% if salesTunnelProcessId is not null %}
        <!-- box -->
        <div class="content-box content-lighten">
            <div class="row">
                <div class="col-md-4">
                    <label data-step="2" data-intro="{{ "help.details.details.step2"|trans }}">
                        <select class="selectpicker" onchange="location = this.value;">
                            <option value="{{ path('detailsMovements') }}"> {{ 'tunnelMovement.list.variousTunnelMovement' | trans }}</option>
                            {% for salesTunnel in allSalesTunnels %}
                                <option value="{{ path('detailsMovementsId', { 'id': salesTunnel.id }) }}"{% if salesTunnel.id == app.request.get('id') %} selected {% endif %}> {{ salesTunnel.name }}</option>
                            {% endfor %}
                        </select>
                    </label>
                    <a type="button" class="btn btn-primary m-2" data-step="3"
                       data-intro="{{ "help.details.details.step3"|trans }}"
                        {% if salesTunnelProcessId != 0 %}
                       href="{{ path('createTunnelMovementId', { 'id': salesTunnelProcessId }) }}
                        {% else %}
                        href="{{ path('createTunnelMovement') }} {% endif %}">
                    {{ 'tunnelMovement.list.creationTunnelMovement' | trans }}
                    </a>
                </div>
                <div class="col-md-8">
                    {% if app.request.get('finished') == "true" %}
                        <a type="button" class="btn btn-success m-2" href="{{ app.request.pathinfo }}" data-step="4"
                           data-intro="{{ "help.details.details.step4archivedAction"|trans }}">
                            {{ 'tunnelMovement.list.tunnelMovementProgress' | trans }}
                        </a>
                    {% else %}
                        <a type="button" class="btn btn-danger m-2" data-step="4"
                           data-intro="{{ "help.details.details.step4actionProcess"|trans }}"
                           href="{{ app.request.requesturi }}?finished=true&year={{ "now" | date('Y') }}">
                            {{ 'tunnelMovement.list.tunnelMovementFinished' | trans }}
                        </a>
                        <button class="btn btn-info m-2" data-step="5"
                                data-intro="{{ "help.details.details.step5"|trans }}" id="updateDate" disabled>
                            {{ 'tunnelMovement.list.changeDate.button' | trans }}
                        </button>
                        <button class="btn btn-dark m-2" id="updateManager" disabled>
                            {{ 'tunnelMovement.list.changeManager.button' | trans }}
                        </button>
                        <button class="btn btn-orange m-2" id="changeAction" disabled>
                            {{ 'tunnelMovement.list.changeAction.button' | trans }}
                        </button>
                        <button class="btn btn-purple m-2" id="closeActions" disabled>
                            {{ 'tunnelMovement.list.closeActions.button' | trans }}
                        </button>
                    {% endif %}
                    {% if msg %}
                        <button type="button" class="btn btn-danger m-2" data-toggle="modal"
                                data-target="#modalLogsImport">
                            {{ 'tunnelMovement.list.importTunnelMovement.logs' | trans }}
                        </button>
                    {% endif %}
                    <button type="button" class="btn btn-success m-2" data-toggle="modal"
                            data-step="6" data-intro="{{ "help.details.details.step6"|trans }}"
                            data-target="#modalImportTunnelMovement">
                        {{ 'tunnelMovement.list.importTunnelMovement.button' | trans }}
                    </button>
                </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.salesTunnel.update.step1"|trans }}">
                    {% if app.request.get('finished') == "true" %}
                        <div class="text-center">
                            <h1> {{ 'tunnelMovement.list.tunnelMovementFinished' | trans }}</h1>
                            {% if salesTunnelProcessId != 0 %}
                                <select class="selectpicker" onchange="location = this.value;">
                                    {% for year in tabYear %}
                                        <option value="{{ path('detailsMovementsId', { 'id' : salesTunnelProcessId, 'finished' : "true", 'year': year.year }) }}"{% if year.year == app.request.get('year') %} selected {% endif %}> {{ year.year }} </option>
                                    {% endfor %}
                                </select>
                            {% else %}
                                <select class="selectpicker" onchange="location = this.value;">
                                    {% for year in tabYear %}
                                        <option value="{{ path('detailsMovements', { 'finished' : "true", 'year': year.year }) }}"{% if year.year == app.request.get('year') %} selected {% endif %}> {{ year.year }} </option>
                                    {% endfor %}
                                </select>
                            {% endif %}
                        </div>
                        <div class="text-right">
                            <a title="Exporter en csv" href="{{ path('exportTunnelMovement', app.request.query.all) }}" type="button"
                               class="btn btn-outline-success m-1">
                                <i class="fa fa-file-csv"></i>
                            </a>
                        </div>
                    {% else %}
                        <h1 class="text-center"> {{ 'tunnelMovement.list.tunnelMovementProgress' | trans }}</h1>
                        {% if 'ROLE_CLIENT_ADMIN' in app.user.roles %}
                            <div class="row">
                                <div class="col-12">
                                    <div class="text-right mb-2">
                                        <form id="deleteTunnelMovementForm" action="{{ path('deleteTunnelMovement') }}">
                                            <input type="hidden" name="_method" value="DELETE"/>
                                            <input type="hidden" name="tunnelMovement[]" value="">
                                            <button type="submit" id='deleteTunnelMovement' class="btn btn-danger"
                                                    data-toggle="tooltipDelete"
                                                    data-placement="left" title="{{ "header.delete"| trans }}"
                                                    disabled>
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                            <a title="Exporter en csv" href="{{ path('exportTunnelMovement', app.request.query.all) }}" type="button"
                                               class="btn btn-outline-success m-1">
                                                <i class="fa fa-file-csv"></i>
                                            </a>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                    {% endif %}
                    <div class="h-600">
                        <div id="tunnelMovementLoader" class="table-loader"><div class="spinner-border"></div></div>
                        <div id="tunnelMovementTable" class="ag-theme-quartz h-600"></div>
                    </div>
                </div>
            </div>
        </div>
        </div>

        {% include 'view/salesTunnel/_changeDate.html.twig' %}
        {% include 'view/salesTunnel/_changeManager.html.twig' %}
        {% include 'view/salesTunnel/_closeActions.html.twig' %}
        {% include 'view/salesTunnel/_changeAction.html.twig' %}
        {% include 'view/import/_importTunnelMovement.html.twig' %}

    {% else %}
        <!-- box -->
        <div class="content-box content-lighten text-center">
            <h2> {{ 'tunnelMovement.list.nothing' | trans }} </h2>
            <button type="button" class="btn btn-warning" href="{{ path('salesTunnels') }}">
                {{ 'tunnelMovement.list.createTunnel' | trans }}
            </button>
        </div>
    {% endif %}

{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        let translations = {
            actionType: "{{ 'tunnelMovement.list.table.actionType'|trans }}",
            manager: "{{ 'tunnelMovement.list.table.manager'|trans }}",
            company: "{{ 'tunnelMovement.list.table.company'|trans }}",
            contact: "{{ 'tunnelMovement.list.table.contact'|trans }}",
            comment: "{{ 'tunnelMovement.list.table.comment'|trans }}",
            closingComment: "{{ 'tunnelMovement.formTunnelMovement.closingComment.title'|trans }}",
            actionDate: "{{ 'tunnelMovement.list.table.actionDate'|trans }}",
            trackingNumber: "{{ 'tunnelMovement.formTunnelMovement.trackingNumber'|trans }}",
        };
    </script>
    <script src="{{ asset('bootstrap-4.4.1/js/select2.min.js') }}"></script>
    <script src="{{ asset('bootstrap-4.4.1/js/bootstrap-select.min.js') }}"></script>
    <script src="{{ asset('bootstrap-4.4.1/js/toggle.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="{{ asset('js/signaletique/details/details.js') }}"></script>
{% endblock %}