{% extends 'base.html.twig' %}

{% block title %}admin - CompanyInformation{% endblock %}

{% block body %}

    <div id="loader">
        <div class="loader">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div id="management" class="Page">
        <div>
            {% include '/management/top_menu.html.twig' %}
        </div>
        {% for message in app.flashes('success') %}
            <div class="alert alert-success position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        <div class="container-fluid h-100">
            <div class="row h-100">
                {% include '/management/Admin/vertical_menu.html.twig' %}
                <div class="col-10" style="background: var(--color-grey-light)">
                    <div class="container-fluid p-2 w-100 h-100">
                        <div class="row"><!-- invoice list -->
                            <div class="col-12">
                                <div class="Text mt-2 mb-2">
                                    <div class="Size-2 Bold">
                                        Documents Contractuelles
                                        <button class="float-right btn btn-primary" onclick="addDocument()">Mettre à jour un document
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- create invoice button-->
                        <!-- Options and filter dropdown button-->
                        <div class="table-responsive">
                            <table id="documentsTab" style="width:100%" class="table table-striped compact">
                                <thead>
                                <tr role="row">
                                    <th class="control sorting_disabled" rowspan="1" colspan="1" style="width: 10px;"
                                        aria-label="">
                                        Document
                                    </th>
                                    <th>Obligatoire</th>
                                    <th>Date d'édition du document</th>
                                    <th>Valide jusqu'au</th>
                                    <th>Mise à jour le</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    {% set name = "Contrat SymaBat" %}
                                    {% set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Bon de commande Outil" %}
                                    {% set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>                                        
                                        <span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Assurance Décennale" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Assurance RC Professionnelle" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>                                        
                                        <span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Quittance d'assurance décennale" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Quittance d'assurance RC professionnelle" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "KBis" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "RIB" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Attestation de régularité fiscale ou Bilan" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Attestation de vigilance URSSAF" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Attestation RGE" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td><span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span></td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                <tr>
                                    {% set name = "Attestation congés et intempéries" %}
                                    {%  set document = company.getCompanyDocumentByName(name) %}
                                    <td><a class="black" target="_blank"
                                           href="{{ document != null ? "/" ~ document.path ~ document.filename : "" }}">{{ name }}</a>
                                    </td>
                                    <td><input type="checkbox" checked readonly/></td>
                                    <td>
                                        <span class="">{{ document and document.createdAt() ? document.createdAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.validAt() ? document.validAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                    <td>
                                        <span class="">{{ document and document.updatedAt() ? document.updatedAt()|date("d/m/Y") : "" }}</span>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="jquery_dialog" id="dialog-confirm" title="Ajout de document">
        <div id="form-document">
        {{ form_start(form) }}
        {{ form_label(form.type) }}
        {{ form_widget(form.type) }}
        {{ form_label(form.file) }}
        {{ form_widget(form.file) }}
        {{ form_end(form) }}
        <pre id="filelist" style="display:none; text-align: center"></pre>
        </div>
    </div>


{% endblock %}

{% block javascripts %}
    <script>
        function displayOn() {
            document.getElementById("loader").style.display = "none";
            document.getElementById("management").style.display = "flex";
        }

        function addDocument() {
            $("#dialog-confirm").css("display", "block");
            $("#dialog-confirm").dialog({
                resizable: false,
                height: "auto",
                width: 400,
                modal: true,
                buttons: {
                    "Valider": function () {
                        $('[name="company_document_update"]').submit();
                        $(this).dialog("close");

                    },
                    "Refuser": function () {
                        $(this).dialog("close");
                    }
                }
            });
        }

        document.getElementById('company_document_update_file').addEventListener('change', function (e) {
            var list = document.getElementById('filelist');
            list.innerHTML = '';
            for (var i = 0; i < this.files.length; i++) {
                list.innerHTML += this.files[i].name + '\n';
            }
            if (list.innerHTML == '') list.style.display = 'none';
            else list.style.display = 'block';
        });

        $(document).ready(function () {
            var table = $("#documentsTab").DataTable({
                iDisplayLength: -1,
                paging: false,
                info: false,
                "searching": false,
                columnDefs: [
                    {
                        targets: [0],
                        className: 'dt-left',
                        "width": "20%",
                    },
                    {
                        targets: "_all",
                        className: 'text-center',
                    },
                    {
                        targets: "_all",
                        className: 'dt-head-center',
                    },
                ]
            });
            displayOn();
        });
    </script>

{% endblock %}