{% extends '@InstallBois/index.html.twig' %}
{% import "forms-macro/popup.html.twig" as macro %}

{% block title %}INSTALL BOIS{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
{% endblock %}

{% block page_content %}
    <div class="container-fluid">
        <div class="row rubrique">
            <div class="rubrique_titre">
                <span>Liste des entreprises</span>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12">
                <div>
                    {% if is_granted('ROLE_ADMIN') %}
                        <div class="modal-dialog-add-company" role="document">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <form method="post" id="formNewCompany" action="{{ path('company_new') }}">
                                        <div class="form-group">
                                            <label for="recipient-name" class="col-form-label">
                                                Importation d'une entreprise
                                                :</label>
                                            <input type="text" class="form-control" id="thirdPartyId"
                                                   name="thirdPartyId"
                                                   placeholder="Code client/fournisseur dolibarr">
                                        </div>
                                    </form>
                                    <button
                                            type="submit"
                                            class="boutonAction"
                                            onclick="checkNameCompany()">
                                        Ajouter une entreprise
                                    </button>
                                    {{ macro.popup("info","popUpNewCompany", path("company_new",{'thirdPartyId':'00'}) ,"newCompany","Êtes-vous sûr de vouloir importer l'entreprise " ) }}
                                </div>
                            </div>
                        </div>
                    {% endif %}
                    <table id="companies_list" class="row-border" style="width:100%">
                        <thead>
                        <tr>
                            <th>Nom de l'entreprise</th>
                            <th>État du contrat</th>
                            <th>ID Doli</th>
                            <th>Statut technique</th>
                            <th>État licence</th>
                            <th>Date expiration licence</th>
                            <th>Date dernière étude</th>
                            <th>Date dernière connexion</th>
                            <th>Nombre d'utilisateur</th>
                            <th>Action</th>
                        </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <script type="application/javascript">
        $(document).ready(function () {
            var table = $('#companies_list').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '{{ path("company_list") }}',
                    type: 'GET'
                },
                columns: [
                    {data: 'name'},
                    {
                        data: 'state',
                        render: function (data, type, row, meta) {
                            var colorClass;
                            switch (data) {
                                case 'Actif':
                                    colorClass = 'bg-beige';
                                    break;
                                case 'Inactif':
                                    colorClass = 'bg-orange';
                                    break;
                                case 'Clôturé':
                                    colorClass = 'bg-brown';
                                    break;
                                default:
                                    colorClass = '';
                            }

                            // Stocker la classe dans une propriété de données pour une utilisation ultérieure
                            $(table.cell(meta.row, meta.col).node()).attr('data-color-class', colorClass);

                            return data;
                        },
                        createdCell: function (td, cellData, rowData, row, col) {
                            // Appliquer la classe stockée à la cellule
                            var colorClass = $(td).attr('data-color-class');
                            if (colorClass) {
                                $(td).addClass(colorClass);
                            }
                        }
                    },
                    {data: 'idCrm'},
                    {
                        data: 'companyState',
                        render: function (data, type, row, meta) {
                            var colorClass, displayText;
                            switch (data) {
                                case 'STATE.ACTIVE':
                                    colorClass = 'bg-beige';
                                    displayText = 'Actif';
                                    break;
                                case 'STATE.INACTIVE':
                                    colorClass = 'bg-orange';
                                    displayText = 'Inactif (Accès bloqué)';
                                    break;
                                case 'STATE.ARCHIVED':
                                    colorClass = 'bg-brown';
                                    displayText = 'Archivé (Clients et Dossiers purgés)';
                                    break;
                                default:
                                    colorClass = '';
                                    displayText = data;
                            }

                            // Stocker la classe et le texte dans des propriétés de données
                            var cell = $(table.cell(meta.row, meta.col).node());
                            cell.attr('data-color-class', colorClass);
                            cell.attr('data-display-text', displayText);

                            return displayText;
                        },
                        createdCell: function (td, cellData, rowData, row, col) {
                            var cell = $(td);
                            var colorClass = cell.attr('data-color-class');
                            if (colorClass) {
                                cell.addClass(colorClass);
                            }
                        }
                    },
                    {data: 'licence'},
                    {
                        data: 'licenceEndDate',
                        render: function (data, type, row, meta) {
                            if (data === null) return '...';
                            var date = new Date(data * 1000); // Convertir le timestamp en millisecondes
                            var now = new Date();
                            var formattedDate = ('0' + date.getDate()).slice(-2) + '/' +
                                ('0' + (date.getMonth() + 1)).slice(-2) + '/' +
                                date.getFullYear();

                            // Stocker la classe dans une propriété de données pour une utilisation ultérieure
                            $(table.cell(meta.row, meta.col).node()).attr('data-color-class', date > now ? 'bg-success' : 'bg-danger');

                            return formattedDate;
                        },
                        createdCell: function (td, cellData, rowData, row, col) {
                            // Appliquer la classe stockée à la cellule
                            var colorClass = $(td).attr('data-color-class');
                            if (colorClass) {
                                $(td).addClass(colorClass + ' text-white');
                            }
                        }
                    },
                    {data: 'lastProjectDate'},
                    {data: 'lastConnectionDate'},
                    {data: 'userCount'},
                    {data: 'actions', orderable: false}
                ],
                order: [[0, 'asc']],
                pageLength: 10,
                searching: true,
                lengthChange: false,
                language: {
                    url: '/localisation/fr_FR.json'
                }
            });

            $('#searchForm').on('submit', function (e) {
                e.preventDefault();
                table.search($('input[name="search"]').val()).draw();
            });
        });
        function checkNameCompany() {
            let idCompany = $('#thirdPartyId').val();
            if (idCompany !== "" && idCompany !== null) {
                const request = new Request("{{ path('company_check_doli') }}", {
                    method: 'POST',
                    body: JSON.stringify(idCompany),
                    headers: {
                        'Content-Type': 'application/json'
                    }
                });
                fetch(request)
                    .then(async function (response) {
                        let data = await response.json();
                        if (data.status === "FAILED") {
                            createToast("danger", data.error);
                        } else {
                            $('#popup-info-newCompany .popup-message').append(' ' + data.name + ' ?');
                            $('#popup-info-newCompany').css('opacity', 1).css('padding-top', '100px').modal('show')
                            $('#popUpNewCompany').attr('action', $('#popUpNewCompany').attr('action').replace('00', idCompany));

                        }
                    })
            }
        }
    </script>
{% endblock %}