{% include '@BackBundle/Events/modules/EditEventsModal.html.twig' %}
<script>

    //show event in modal update
    $('.edit_event').click(function () {
        token = $(this).attr('data-token');
        $.ajax({
            url: Routing.generate('event_show', {'token': token, 'role': '{{ role }}'}),
            success: function (data) {
                var event = jQuery.parseJSON(data);
                //console.log(event.gallerie);
                $("#eventsbundle_event_start").datetimepicker({
                    widgetPositioning: {
                        horizontal: 'left',
                        vertical: 'bottom'
                    },
                    date: new Date(event.start.timestamp*1000),

                });
                $("#eventsbundle_event_end").datetimepicker({
                    useCurrent: false,
                    widgetPositioning: {
                        horizontal: 'left',
                        vertical: 'bottom'
                    },
                    date: new Date(event.end.timestamp*1000),
                });

                //assets
                $("#eventsbundle_event_start").on("dp.change", function (e) {
                    $("#eventsbundle_event_end").data("DateTimePicker").minDate(e.date);
                });
                $("#eventsbundle_event_end").on("dp.change", function (e) {
                    $("#eventsbundle_event_start").data("DateTimePicker").maxDate(e.date);
                });
                var list_user_events = Routing.generate('events_register_calendar',{'token':event.token,'role':'{{ role }}'});
                $('#eventsbundle_event_title').val(event.title);
                $('#eventsbundle_event_description').val(event.description);
                $('#eventsbundle_event_className').val(event.className);
                $('#eventsbundle_event_edit_token').val(event.token);
                $("#list_user_event").attr('href',list_user_events);
                $('#delete').attr('data-token',event.token);
                $('#eventsbundle_event_file').removeAttr('required');

                if(event.registrationStatus == true){
                    $('.switchery').click();
                }

                var html = '';
                $('.gallerie-item').remove();
                $.each(event.gallerie,function(index, value){

                    var img_event_DIR = "{{ asset('uploads/galleries_events/') }}";

                    html = html + '\t<div id="eventsbundle_event_gallerie_'+value.id+'" class="col-md-11 row">\n' +
                        '\t\t<div class="form-group col-md-6">\n' +
                        '\t\t\t<label class="control-label required" for="eventsbundle_event_gallerie_'+index+'_name">Titre</label>\n' +
                        '\t\t\t<input type="text" value="'+value.name+'" id="eventsbundle_event_gallerie_'+index+'_name" name="eventsbundle_event[gallerie]['+index+'][name]" required="required" class="form-control">\n' +
                        '\t\t</div>\n' +
                        '\t\t<div class="form-group col-md-6" style="text-align: center;bottom: 10px;">\n' +
                        '\t<div><label>&nbsp;&nbsp;&nbsp;</label></div>' +
                        '\t\t\t<a href="'+img_event_DIR+value.path+'" class="link-wrapper" data-lightbox="image-1" rel="lightbox[NomDeMaGalerie]" title="">\n' +
                        '\t\t\t<input type="hidden" value="'+value.path+'" id="eventsbundle_event_gallerie_'+index+'_path" name="eventsbundle_event[gallerie]['+index+'][path]">\n' +
                        '\t\t\t<img class="gallerie-picture" src="'+img_event_DIR+value.path+'" alt="Card image cap">\n' +
                        '\t\t\t</a>\n' +
                        '\t\t</div>\n' +
                        '\t</div>\n' +
                        '\t<div id="event_gallerie_delete_'+value.id+'" class="col-md-1">\n' +
                        '\t<label>&nbsp;&nbsp;&nbsp;</label>' +
                        '\t\t<button type="button" class="btn btn-danger delete-btn delete-btn-edit delete-gallerie-event" onclick="delete_gallerie_event(' + value.events + ',' + value.id + ')" data-path="/fr/admin/events/'+value.events+'/delete-gallery-event/'+value.id+'" data-id="'+value.id+'" title="Supprimer" data-events-id="'+value.events+'">\n' +
                        '\t\t\t<i class="fa fa-trash-o"></i>\n' +
                        '\t\t</button>\n' +
                        '\t</div>\n';
                });

//                var div = ''
                var $newLinkLi = $('.add_picture_event');

                var $newFormLi = $('<div class="row gallerie-item" style="margin-left: 0px;"></div>').append(html);
                $newLinkLi.before($newFormLi);

            }
        });
    });

    //delete event
    $('#delete,.delete').click(function () {
        token = $(this).attr('data-token');
        $.confirm({
            title: '{{ 'deleteEv.title1' | trans }}',
            text:  '{{ 'deleteEv.title2' | trans }}?',
            type: 'red',
            buttons: {
                formSubmit: {
                    text:  '{{ 'deleteEv.title3' | trans }}',
                    btnClass: 'btn-red',
                    type: 'red',
                    action: function () {
                        $('#edit_event').modal('hide');
                        $.ajax({
                            url: Routing.generate('delete_calendar', {'token': token}),
                            type: 'POST',
                            success: function (result) {
                                if (result == 1) {
                                    window.location.reload();
                                } else {
                                    alert('erreur');
                                }
                            }
                        });
                        $.alert( '{{ 'deleteEv.title4' | trans }}',);
                    }

                },
                {{'page.addPage.title7' | trans}}: function () {

                },
            }
        });

    });

</script>

<link rel="stylesheet" href="{{ asset('packages/switchery/switchery.min.css') }}" />
<script type="text/javascript" src="{{ asset('packages/switchery/switchery.min.js') }}"></script>

<script>
    var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));

    elems.forEach(function(html) {
        var switchery = new Switchery(html);
    });
</script>
{% include '@BackBundle/Events/modules/assetsGalleries.html.twig' %}