{% extends "default/datatable.html.twig" %}
{% block custom_css %}
   {{parent()}}
    <link href="{{asset('assets/node_modules/bootstrap-datepicker/bootstrap-datepicker.min.css')}}" rel="stylesheet">
{% endblock %}
{% block ajout %}
    {% if app.user.hasright(right_add) %}
        <a data-bs-toggle="modal" data-bs-target="#public-add-modal" href="javascript:void(0)" class="btn btn-success">{{ 'Table.Add' | trans }}</a>
    {% endif %}
{% endblock %}
{% block actionAll %}
    <div class="btn-group pull-right">
        {% if app.user.hasright(right_news) %}
        <a data-bs-toggle="modal" data-bs-target="#public-news-modal" href="javascript:void(0)" class="btn btn-info">{{ 'Table.Public.News' | trans }}</a>&nbsp;&nbsp;
        {% endif %}
    </div>
{% 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='export'>ID</th>
                <th class='export'>{{'Table.Public.Name' | trans}}</th>
                <th class='export'>{{'Table.Public.Description' | trans}}</th>
                <th class='export'>{{'Table.Public.Date' | trans}}</th>
                <th class='export'>{{'Table.Public.Publish' | 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.name }}</td>
                    <td>{{ d.description }}</td>
                    <td>{{ d.creadate | format_datetime('long', 'none', locale=app.request.getLocale()) }}</td>
                    <td>
                        {% if d.publish == true %}
                            {{'Table.Publish' | trans}}
                        {% else %}
                            {{'Table.DePublish' | trans}}
                        {% endif %}
                    </td>
                    <td>
                        {% if app.user.hasright(right_download) %}
                            {%set fic = root_path()~"/uploads/publication/"~d.clean~"-"~d.id~"."~d.extFile %}
                            {% if fileExists(fic) %}
                                <a href='{{asset("uploads/publication/"~d.clean~"-"~d.id~"."~d.extFile)}}' target='_blank' class="edit btn btn-sm waves-effect waves-light btn-outline-success">
                                    <i class="ti-download"></i> {{'Table.Download' | trans}}
                                </a>
                            {% endif %}
                        {% endif %}
                        {% if app.user.hasright(right_edit) %}
                        <a href="{{path(edit, {'id':d.id})}}" class="edit btn btn-sm waves-effect waves-light btn-outline-info">
                            <i class="ti-pencil"></i> {{'Table.Edit' | trans}}
                        </a>
                        {% endif %}
                        {% if app.user.hasright(right_delete) %}
                        <button type="button" class="btn btn-sm waves-effect waves-light btn-outline-danger" id="action_one_{{d.id}}" value-id="{{d.id}}"><i class="ti-trash"></i> {{'Table.Delete' | trans}}</button -->
                        {% endif %}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    {% include 'publication/modal.html.twig' %}
    {% if app.user.hasright(right_news) %}
    {% include 'publication/modalNews.html.twig' %}
    {% endif %}
    {% if app.user.hasright(right_dif) %}
    {% include 'publication/modalDiffusion.html.twig' %}
    {% endif %}
{% endblock %}
{% block initialisation %}
    {{parent()}}
    <script type="text/javascript">
        //Open modal on document .ready
        $(window).on('load', function() {
            if( '{{auto_open_gen}}' == true){
                $('#menu_public_list').removeClass('active');
                $('#public-add-modal').modal('show');
            }
            if( '{{auto_open_mod}}' == true){
                $('#menu_public_list').removeClass('active');
                $('#public-add-modal').modal('show');
                $('#block-format').hide(); 
            }
            if( '{{auto_open_news}}' == true){
                $('#menu_public_list').removeClass('active');
                $('#public-news-modal').modal('show');
            }
            if( '{{auto_open_dif}}' == true){
                $('#menu_public_list').removeClass('active');
                $('#public-diffusion-modal').modal('show');
            }
            $('#publication_attachFile').prop('required', true);
        });

        $("#public-add-modal").on('shown.bs.modal', function(){
            $('#menu_public_list').removeClass('active');
            $('#menu_public_gen').addClass('active');
            //var id = $('#format input[type=radio]').val(); 
            var id = $('#select-format input[type=radio]:checked').val(); 
            if (id != "") {
                $('#upload').hide();
                $('#publication_attachFile').prop('required', false);
            } else {
                $('#upload').show();
                $('#publication_attachFile').prop('required', true);
            }
        });

        $('#public-add-modal').on('hidden.bs.modal', function () {
            if( '{{form_action}}' == 'public_edit'){
                window.location.replace("{{ path('public') }}");
            }
            $('#menu_public_gen').removeClass('active');
            $('#menu_public_list').addClass('active');
        })

        $("#public-news-modal").on('shown.bs.modal', function(){
            $('#menu_public_list').removeClass('active');
            $('#menu_public_news').addClass('active');
        });

        $('#public-news-modal').on('hidden.bs.modal', function () {
            if( '{{form_action}}' == 'public_news'){
                window.location.replace("{{ path('public') }}");
            }
            $('#menu_public_news').removeClass('active');
            $('#menu_public_list').addClass('active');
        })

        $("#public-diffusion-modal").on('shown.bs.modal', function(){
            $('#menu_public_list').removeClass('active');
            $('#menu_public_diffusion').addClass('active');
        });

        $('#public-diffusion-modal').on('hidden.bs.modal', function () {
            if( '{{form_action}}' == 'public_dif'){
                window.location.replace("{{ path('public') }}");
            }
            $('#menu_public_diffusion').removeClass('active');
            $('#menu_public_list').addClass('active');
        })

        //$('#select-format input[type=radio]').change(function() {
        $('#select-format input[type=radio]').change(function() {
            var id = $('#select-format input[type=radio]:checked').val(); 
            if (id != "") {
                $('#upload').hide();
                $('#publication_attachFile').prop('required', false);
            } else {
                $('#upload').show();
                $('#publication_attachFile').prop('required', true);
            }
        });
    </script>
    
{% endblock %}
{% block action %}
    <script type="text/javascript">
        $(document).ready(function() {            
            //Action one ---> Faire une délégation de confirmation sinon ne fonctionne pas avec $('button[id^="action_one"]').click( function () {
            $("#myTable").dataTable().on( 'click', 'button[id^="action_one"]', function (){
                var id = $(this).attr('value-id'); 
                var tr;
                if (confirm( "{{'Table.Confirm' | trans}}" )) {
                    $("button[id='action_one_"+id+"']", $("#myTable").dataTable().fnGetNodes()).each(function(){
                        tr = $(this).closest('tr');
                    });
                    $.ajax({
                        "url": "{{ path(action)}}",
                        "data": { "id": id },
                        "dataType": "json",
                        "type": "post",
                        "success": function (response) {
                            if ('{{process}}' == 'deletion'){
                                $('#myTable').dataTable().fnDeleteRow(tr[0]);
                            }
                            $.toast({
                                    heading: "{{ 'Message.Success' | trans}}",
                                    text: "{{ 'Table.Done' | trans}}",
                                    showHideTransition: 'plain',
                                    position: 'top-center',
                                    loaderBg: '#cfcfd2',
                                    icon: 'success',
                                    hideAfter: 3000,
                                    stack: 2,
                                });
                        },
                        "error": function(){
                            $('#db-protection-modal').modal('show');
                        },
                    });  
                }
            });//End of Action_one
         });
    </script>
{% endblock %}

{% block custom_js %}
   {{parent()}}
    <script type="text/javascript" src="{{asset('assets/node_modules/bootstrap-datepicker/bootstrap-datepicker.min.js')}}"></script>
    <script type="text/javascript">
        $(function () {
            $.fn.datepicker.dates['fr'] = {
                days: ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
                daysShort: ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"],
                daysMin: ["Di", "Lu", "Ma", "Me", "Je", "Ve", "Sa"],
                months: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"],
                monthsShort: ["Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec"],
                today: "Aujourd'hui",
                clear: "Effacer",
                format: "dd/mm/yyyy",
                titleFormat: "MM yyyy",
                weekStart: 1,
            };

            $.fn.datepicker.dates['pt'] = {
                days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
                daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sam"],
                daysMin: ["Do", "Seg", "Te", "Qua", "Qui", "Se", "Sá"],
                months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
                monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
                today: "Actualmente",
                clear: "Apagar",
                format: "dd/mm/yyyy",
                titleFormat: "MM yyyy",
                weekStart: 1,
            };

            $('#publication_debut').datepicker({
                autoclose: true,
                todayHighlight: true,
                language: '{{ app.request.getLocale() }}',
                startView: 'years',
                format: "dd/mm/yyyy",
                todayBtn: true,
                clearBtn: true,
            });

            $('#publication_fin').datepicker({
                autoclose: true,
                todayHighlight: true,
                language: '{{ app.request.getLocale() }}',
                startView: 'years',
                format: "dd/mm/yyyy",
                todayBtn: true,
                clearBtn: true,
            });

            $('#publication_debut').on("changeDate",function (e) {
                var minDate = new Date(e.date.valueOf());
                var end = new Date($('#publication_fin').datepicker('getDate'));
                if (end < minDate) {
                    $('#publication_fin').datepicker('update', '');
                }
                $('#publication_fin').datepicker('setStartDate', minDate);
            });
            $('#publication_fin').on("changeDate",function (e) {
                var maxDate = new Date(e.date.valueOf());
                var start = new Date($('#publication_debut').datepicker('getDate'));
                if (start > maxDate) {
                    $('#publication_debut').datepicker('update', '');
                }
                $('#publication_debut').datepicker('setEndDate', maxDate);
            });

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