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

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

{% block javascripts %}
    <script type="text/javascript"
            src="{{ asset('install-bois/initDateTimeFormatDatatable.js') ~ "?rnd=" ~ random() }}"></script>
    {{ parent() }}
{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block page_content_start %}
    {{ parent() }}
    <div class="page-title">
        <h4 class="page-title-h4">
            Paramètres | Liste des marques
        </h4>
    </div>
{% endblock %}
{% block page_content %}
    <div class="container-fluid">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div>
                <div>
                    <a href="{{ path('brand_new') }}">
                        <button type="button" class="boutonAction" style="float: right">
                            Créer une nouvelle marque
                        </button>
                    </a>
                </div>
                <table id="brands-list" class="hover row-border" style="padding:1%;width: 100%">
                    <thead>
                    <tr>
                        <th class="align_center state">État</th>
                        <th class="align_center">ID</th>
                        <th class="align_center">Libellé</th>
                        <th class="align_center">Fabricant</th>
                        <th class="align_center">Type</th>
                        <th class="align_center validIB">Validation IB</th>
                        <th class="align_center">Visibilité</th>
                        <th class="align_center">Créer par</th>
                        {% if is_granted('ROLE_ADMIN') %}
                            <th class="align_center">Actions</th>
                        {% endif %}
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                <div class="box-footer"></div>
                {{ macro.popup("danger","form-delete-brand" ,path('brand_delete', {'id': 'id'}),'brand') }}
            </div>
            <script type="application/javascript">
                let deleteBrandUri = "{{ path('brand_delete', {'id': 'brand_id'}) }}";

                let dt = $('#brands-list').DataTable({
                    // dom: 'Bfrtip',
                    "processing": true,
                    "serverSide": true,
                    responsive: true,
                    searching: true,
                    orderMulti: false,
                    "bLengthChange": false,
                    info: true,
                    paging: true,
                    language: {
                        url: '/localisation/fr_FR.json'
                    },
                    order: [[2, "ASC"]],
                    "ajax": "{{ path('brand_list_datatable') }}",
                    "columnDefs": [
                        {
                            "targets": "state",
                            createdCell: function (td, cellData, rowData, row, col) {
                                switch (rowData.state) {
                                    case 'online':
                                        $(td).css('background-color', '#FFF2CC');
                                        break;
                                    case 'online_private':
                                        $(td).css('background-color', '#FFC000');
                                        $(td).css('color', 'white');
                                        break;
                                    default:
                                        $(td).css('background-color', '#BF9000');
                                        $(td).css('color', 'white');
                                        break;
                                }
                            }
                        },
                        {
                            "targets": "validIB",
                            createdCell: function (td, cellData, rowData, row, col) {
                                if (rowData['validation_ib'] && !rowData['is_only_entreprise']) {
                                    $(td).addClass('tab_celluleTrue');
                                } else if (rowData['validation_ib'] && rowData['is_only_entreprise']) {
                                    $(td).addClass('tab_celluleFalse');
                                } else {
                                    $(td).addClass('tab_celluleFalse');
                                }
                            }
                        }
                    ],
                    columns: [
                        {
                            data: "state",
                            name: "state",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                switch (data) {
                                    case 'online':
                                        return 'En ligne - Public';
                                    case 'online_private':
                                        return 'En ligne - Privé entreprise';
                                    default:
                                        return 'A valider';
                                }
                            }
                        },
                        {
                            data: "rowid",
                            name: "rowid",
                            width: "1%",
                            orderable: true,
                            render: function (data, type, full, meta) {
                                return '<strong>' + data + '</strong>';
                            }
                        },
                        {
                            data: "Libelle",
                            name: "Libelle",
                            width: "1%",
                            orderable: true,
                            render: function (data, type, full, meta) {
                                return '<strong>' + data + '</strong>';
                            }
                        },
                        {
                            data: "manufacturer",
                            name: "manufacturer",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                return '<strong>' + data + '</strong>';
                            }
                        },
                        {
                            data: "type",
                            name: "type",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                return '<strong>' + data + '</strong>';
                            }
                        },
                        {
                            data: "validation_ib",
                            name: "validation_ib",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                if (data && !full['is_only_entreprise']) {
                                    return '<strong>Oui</strong>';
                                } else if (data && full['is_only_entreprise']) {
                                    return '<strong>Non</strong>';
                                } else {
                                    return '<strong>En attente</strong>';
                                }
                            }
                        },
                        {
                            data: "is_only_entreprise",
                            name: "is_only_entreprise",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                if (full['validation_ib'] && !data) {
                                    return '<strong>Public</strong>';
                                } else if (full['validation_ib'] && data) {
                                    return '<strong>Entreprise</strong>';
                                } else {
                                    return '<strong>En attente</strong>';
                                }
                            }
                        },
                        {
                            data: "createdBy",
                            name: "createdBy",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                return '<strong>' + data + '</strong>';
                            }
                        },
                        {
                            data: "rowid",
                            name: "id_action",
                            width: "1%",
                            orderable: false,
                            render: function (data, type, full, meta) {
                                let urlEdit = '{{ path("brand_edit", {'id': 'brand_id'}) }}';
                                urlEdit = urlEdit.replace("brand_id", data);

                                let urlSwitch = '{{ path("brand_switch", {'id': 'brand_id'}) }}';
                                urlSwitch = urlSwitch.replace("brand_id", data);

                                let urlDelete = '{{ path("brand_delete", {'id': 'brand_id'}) }}';
                                urlDelete = urlDelete.replace("brand_id", data);

                                code = '<a href="' + urlEdit + '">' + '<img src = "{{ asset('install-bois/icon/tab_action_modifier.png') }}" alt = "Modifier" / ></a>'
                                code += '<a href="' + urlSwitch + '">' + '<img src = "{{ asset('install-bois/icon/tab_action_remplacerPar.png') }}" alt = "Remplacer"/></a>'
                                code += '<a id="removeBrandBtn" type="button"class="boutonAction"  ' +
                                    'onclick="initDeleteForm(' + data + ')" data-toggle="modal" data-target="#popup-danger-brand" ' +
                                    'style="background-color: transparent!important;padding:0;margin: 0"> <img alt="Supprimer" ' +
                                    'src="{{ asset('install-bois/icon/tab_action_supprimer.png') }}"/></a>'
                                return code;
                            },
                            createdCell: function (td, cellData, rowData, row, col) {
                                $(td).css('text-align', 'center');
                                $(td).addClass('centerBtn');
                            }
                        },
                    ]
                });

                function initDeleteForm(brandId) {
                    let url = '{{ path("brand_delete", {'id': 'brand_id'}) }}';
                    url = url.replace("brand_id", brandId);
                    $("#form-delete-brand")[0].action = url;
                }
            </script>
        </div>
    </div>
{% endblock %}