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

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

{% block head %}
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.1.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.0/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/1.7.0/js/buttons.html5.min.js"></script>
    <script type="text/javascript"
            src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>
    {{ parent() }}
{% endblock %}

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

{% block page_content_start %}
    {{ parent() }}
    <div class="page-title">
        <h4 class="page-title-h4">
            Paramètres | Administration des conditions générales
        </h4>
    </div>
{% endblock %}

{% block page_content %}
    <div class="container-fluid">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div>
                <div class="box-header with-border">
                    <a href="{{ path("cg_new") }}">
                        <button type="button" class="boutonAction" style="float:right;">
                            Ajouter une CG
                        </button>
                    </a>
                </div>
                <table id="cg-list" class="hover row-border" style="padding:1%;width:100%">
                    <thead>
                    <tr>
                        <th>Date de publication</th>
                        <th>Créateur</th>
                        <th>Libellé</th>
                        <th>Date de la version</th>
                        <th>Type</th>
                        <th style="text-align: center;">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                        {% for cg in cgs %}
                        <tr>
                            <td style="width: 15%">{{ cg.createdAt|date('d/m/Y H:i:s') }}</td>
                            <td style="width: 25%">{{ cg.creator.firstName ~ " " ~ cg.creator.lastName }}</td>
                            <td>{{ cg.name }}</td>
                            <td style="width: 15%">{{ cg.versionDate|date('d/m/Y') }}</td>
                            <td style="width: 15%">{{ cg.type }}</td>
                            <td style="display: flex;align-items: center;justify-content: center;text-align: center;">
                                {% if cg.filePath %}
                                    <a style="padding:8px" target="_blank" href="{{ asset(cg.filePath) }}">
                                        <img src="{{ asset('install-bois/icon/tab_action_consulter.png') }}">
                                    </a>
                                {% endif %}
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <script type="application/javascript">
                let params = {
                    "columnDefs": [
                        {"type": "date-eu", "targets": [4]},
                    ],
                };
                initDatatable('#cg-list', params, [4]);
            </script>
        </div>
    </div>
{% endblock %}