{% extends "default/datatable.html.twig" %}
{% block custom_css %}
    {{parent()}}
    <link href="{{asset('assets/dist/css/pages/file-upload.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/bootstrap-datepicker/bootstrap-datepicker.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/select2/dist/css/select2.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/switchery/dist/switchery.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/bootstrap-select/bootstrap-select.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.css')}}" rel="stylesheet">
    <link href="{{asset('assets/node_modules/multiselect/css/multi-select.css')}}" rel="stylesheet">
    <link href="{{asset('assets/dist/css/pages/form-icheck.css')}}" rel="stylesheet">
{% endblock %}
{% block ajout %}
    {% if app.user.hasright(right_add) %}
        <a data-bs-toggle="modal" data-bs-target="#sf-modal" href="javascript:void(0)" class="btn btn-success">{{ 'Table.Add' | trans }}</a>
    {% endif %}
{% endblock %}

{% block datatable %}
    <table id="myTable" class="display no-wrap table table-striped table-bordered table-hover border" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th class='hidden'>{{'Table.ID' | trans}}</th>
                <th class='export'>{{'Table.SF.Assign' | trans}}</th>
                <th class='export'>{{'Table.SF.Name' | trans}}</th>
                <th class='export'>{{'Table.SF.Statut' | trans}}</th>
                <th class='export'>{{'Table.SF.Creation' | trans}}</th>
                <th class='nosort size-50'>{{'Table.Action' | trans}}</th>
            </tr>
        </thead>
        <tbody>
            {% for d in datas %}
                <tr>
                    <td>{{ d.id }}</td>
                    <td>{{ d.storageFileList.className }}</td>
                    <td>{{ d.name }}</td>
                    <td>
                        {% if d.statut == 1 %}
                           {{ 'Form.Active' | trans}}
                        {% elseif d.statut == 2 %}
                            {{ 'Form.Maintenance' | trans}}
                        {% elseif d.statut == 3 %}
                            {{ 'Form.Archived' | trans}}
                        {% elseif d.statut == 4 %}
                            {{ 'Form.NoActive' | trans}}
                        {% endif %}
                    </td>
                    <td>{{ d.creadate | format_datetime('medium', 'short', locale=app.request.getLocale()) }}</td>
                    <td>
                        {% if app.user.hasright(right_edit) %}
                        <a href="{{path(edit, {'id':d.id})}}" class="edit btn btn-sm waves-effect waves-light btn-info">
                            <i class="ti-pencil"></i> {{'Table.SF.Retention' | trans}}
                        </a>
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    {% include 'retentionSF/modal.html.twig' %}
{% endblock %}
{% block initialisation %}
    {{parent()}}
    <script type="text/javascript">
        //Open modal on document .ready
        $(window).on('load', function() {
            if( '{{form_action}}' == 'manager_sf_retention_edit'){
                {# En mode modification, ouverture automatique du modal #}
                $('#sf-modal').modal('show');
            }
        });
        $('#sf-modal').on('hidden.bs.modal', function () {
            if( '{{form_action}}' == 'manager_sf_retention_edit'){
                window.location.replace("{{ path('manager_sf_retention') }}");
            }
        })
    </script>
    
{% endblock %}
{% block custom_js %}
    {{parent()}}
    <script type="text/javascript" src="{{asset('assets/dist/js/pages/jasny-bootstrap.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/switchery/dist/switchery.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/select2/dist/js/select2.full.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/icheck/icheck.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/icheck/icheck.init.js')}}"></script>
    <!--script type="text/javascript" src="{#{asset('assets/node_modules/bootstrap-select/bootstrap-select.min.js')}#}"></!script-->
    <script type="text/javascript" src="{{asset('assets/node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/dff/dff.js')}}"></script>
    <script type="text/javascript" src="{{asset('assets/node_modules/multiselect/js/jquery.multi-select.js')}}"></script>
{% endblock %}