var LFileManager = {
    lfm_route : location.origin + '/laravel-filemanager',
    lfm_show_list : '',
    lfm_sort_type : 'alphabetic',
    lfm_selected : {},
    lfm_items : {},
    lfm_content : '#file-manager-content',
    lfm_config : {},

    initFileManager : function($editor = false) {
        var _self = this;
        //if(!$editor){
            this.initDropzone();
            $(document).on('click', '#lfm_add-file', function () {
                _self.performLfmRequest('add-file', {})
                    .done(function (data) {
                        _self.hideNavAndShowEditor(data, function () {
                            _self.performLfmRequest('add-dofile', {
                                working_dir: $("#working_dir").val(),
                                file_type: $("#from_file_type").val(),
                                //  file_name: $("#form_file_name").val(),
                                file_content: $("#form_file_content").val(),
                            }).done(_self.refreshFoldersAndItems);
                        });
                    });
            });

            $(document).on('click', '#lfm_add-folder', function () {
                _self.dialog(_self.lfm_config['lfm_lang']['message-name'], '', _self.createFolder);
            });
            $(document).on('click', '#lfm_upload', function () {
                $('#uploadModal').modal('show');
            });
            $('#uploadModal').on('hidden.bs.modal', function(e) {
                $('#uploadForm')[0].dropzone.removeAllFiles();
            });
            $('#uploadClearButton').on('click', function () {
                $('#uploadForm')[0].dropzone.removeAllFiles();
            });
       // }


        if($(this.lfm_content).length) {
            _self.loadItems();
            _self.performLfmRequest('errors')
                .done(function (response) {
                    JSON.parse(response).forEach(function (message) {
                        $('#alerts').append(
                            $('<div>').addClass('alert alert-warning')
                                .append($('<i>').addClass('fas fa-exclamation-circle'))
                                .append(' ' + message)
                        );
                    });
                });

            $(_self.lfm_content).on('dragenter', function () {
                $('#uploadModal').modal('show');
            });
        }

        // Checkboxes
        $('.file-manager-container').on('change', '.file-item-checkbox input', function() {
            $(this).parents('.file-item')[this.checked ? 'addClass': 'removeClass']('selected border-primary');
        });

        // Focus
        $('.file-manager-container').on('focusin', '.file-item', function() {
            $(this).addClass('focused');
        });

        $('.file-manager-container').on('focusout', '.file-item', function() {
            if ($('.file-item-actions.show').length) return;
            $(this).removeClass('focused');
        });

        $('.file-manager-container').on('hide.bs.dropdown', '.file-item-actions', function() {
            if ($(this).parents('.file-item').find(':focus').length) return;
            $(this).parents('.file-item').removeClass('focused');
        });

        // Change view

        $('[name="file-manager-view"]').on('change', function() {
            $('.file-manager-container')
                .removeClass('file-manager-col-view file-manager-row-view')
                .addClass(this.value);
        });

    },
    initDropzone : function(){
        _self = this;

    },
    setConfig : function(key, value) {
        LFileManager.lfm_config[key] = value;
    },
    getConfig : function(key) {
        return this.lfm_config[key]

    },
    getSelectedItems : function() {
        var _self = this;
        var items = [];
        $('input.lfm-control-input').each(function () {
            if($(this).prop('checked')){
                items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
            }
        });
        return items;
    },
    hasSelectedItems: function() {
        $('input.lfm-control-input').each(function () {
            if($(this).prop('checked')){
                return true;
            }
        });
        return false;
    },
    getOneSelectedElement : function(orderOfItem) {
        var index = orderOfItem !== undefined ? orderOfItem : this.lfm_selected[0];
        return this.lfm_items[index];
    },
    toggleActions : function() {
        var _self = this;
        $('a[data-action=item_rename]').on('click', function () {
            item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
            _self.rename(item);
        });
        $('a[data-action=item_move]').on('click', function (e) {
            var items = [];
            items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
            _self.move(items);
        });
        $('a[data-action=item_color]').on('click', function (e) {
            item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
            _self.colors(item);
        });
        $('a[data-action=item_crop]').on('click', function (e) {
            item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
            _self.crop(item);
        });
        $('a[data-action=item_resize]').on('click', function (e) {
            item = _self.getOneSelectedElement($(this).parents('.file-item').data('id'));
            _self.resize(item);
        });
        $('a[data-action=item_trash]').on('click', function () {
            var items = [];
            items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
            _self.trash(items);
        });
        $('a[data-action=item_download]').on('click', function () {
            var items = [];
            items.push(_self.getOneSelectedElement($(this).parents('.file-item').data('id')));
            _self.download(items);
        });
        $('a[data-action=selected_items_move]').on('click', function () {
            var items = _self.getSelectedItems();
            _self.move(items);
        });

        $('a[data-action=selected_items_remove]').on('click', function () {
            var items = _self.getSelectedItems();
            _self.trash(items);
        });
        $('a[data-action=selected_items_download]').on('click', function () {
            var items = _self.getSelectedItems();
            _self.download(items);
        });
    },
    // ======================
    // ==  Folder actions  ==
    // ======================

    goTo : function(new_dir) {
        var _self = this;
        if(!$('.dropdown-menu').hasClass('show')){
            $('#working_dir').val(new_dir);
            _self.loadItems();
        }
    },
    getPreviousDir : function() {
        var working_dir = $('#working_dir').val();
        if(!working_dir){
            working_dir = "/shares";
        }
        return working_dir.substring(0, working_dir.lastIndexOf('/'));
    },
    performLfmRequest : function(url, parameter, type) {
        var _self = this;
        var data = this.defaultParameters();
        if (parameter != null) {
            $.each(parameter, function (key, value) {
                data[key] = value;
            });
        }
        // console.log(lfm_route + '/' + url);
        // console.log(type);
        // console.log(data);
        return $.ajax({
            type: 'GET',
            beforeSend: function(request) {
                var token = _self.getUrlParam('token');
                if (token !== null) {
                    request.setRequestHeader("Authorization", 'Bearer ' + token);
                }
            },
            dataType: type || 'text',
            url: _self.lfm_route + '/' + url,
            data: data,
            cache: false
        }).done(function (data) {
            // console.log(data);
            /* if(data !== "OK"){
                 var response = JSON.parse(data);
                 console.log("done");
                 console.log(response);
                 if(response.type === "error"){
                     $.growl({
                         title:    "Error",
                         message:  response.data,
                         location:  'tr'
                     });
                 }
             }
             */

        }).fail(function (jqXHR, textStatus, errorThrown) {
            console.log(jqXHR);
            console.log(textStatus);
            console.log(errorThrown);
            _self.displayErrorResponse(jqXHR);
            _self.refreshFoldersAndItems();
        });
    },
    displayErrorResponse : function(jqXHR) {
        this.notify('<div style="max-height:50vh;overflow: scroll;">' + jqXHR.responseText + '</div>');
    },
    isJSON : function(text) {
        if (typeof text!=="string"){
            return false;
        }
        try{
            JSON.parse(text);
            return true;
        }
        catch (error){
            return false;
        }
    },
    refreshFoldersAndItems : function (data) {
        var _self = LFileManager;
        _self.loadItems();
        if(_self.isJSON(data)){
            var response = JSON.parse(data);
            //console.log("done");
            //console.log(response);
            if(response.type === "error"){
                $.growl({
                    title:    "Error",
                    message:  response.data,
                    location:  'tr'
                });
            }
        }else{
            if(data !== 'OK') {
                data = Array.isArray(data) ? data.join('<br/>') : data;
                _self.notify(data);
            }

        }
    },
    hideNavAndShowEditor : function (data, callback = false) {
        _self = LFileManager;
        // $('#nav-buttons > ul').addClass('d-none');
        //console.log(data);
        _self.notify(data, callback);

    },
    loadItems : function() {
        var _self = this;
        this.loading(true);
        this.performLfmRequest('jsonitems', {show_list: this.lfm_show_list, sort_type: this.lfm_sort_type}, 'html')
            .done(function (data) {
                //console.log(data);
                _self.lfm_selected = [];
                var response = JSON.parse(data);
                var working_dir = response.working_dir;
                _self.lfm_items = response.items;
                var hasItems = _self.lfm_items.length !== 0;
                $('#lfm_empty').toggleClass('d-none', hasItems);
                //$(lfm_content).html(''); //.removeAttr('class');
                var to_prev = $('<div class="file-item" id="to-previous"><div class="file-item-icon file-item-level-up fas fa-level-up-alt text-secondary"></div><a href="javascript:void(0)" class="file-item-name">zurück</a></div>');
                $(_self.lfm_content).html('').append(to_prev);

                if (hasItems) {

                    $(_self.lfm_content).addClass(response.display).addClass('preserve_actions_space');

                    _self.lfm_items.forEach(function (item, index) {
                        var template = $('#lfm_item-template').clone()
                            .removeAttr('id').removeClass('d-none')
                            .attr('data-id', index)
                            //.click(toggleSelected)
                            .click(function (e) {
                                //console.log($(e.target));
                                if(!$(e.target).hasClass('lfm-click-disable') && !$(e.target).hasClass('dropdown-item')){
                                    if (item.is_file) {
                                        if($(e.target).hasClass('file-item-img') || $(e.target).hasClass('file-item-icon')){
                                            _self.preview_item(item);
                                        }else{
                                            if($(this).hasClass('file-item')){
                                                $(this).find('.lfm-control-input').click();
                                            }
                                        }
                                    } else {
                                        _self.goTo(item.url);
                                    }
                                }
                                if($(e.target).hasClass('lfm-control-input')){
                                    if(_self.getSelectedItems().length > 0){
                                        if($('.media-multi-settings').hasClass('d-none')){
                                            $('.media-multi-settings').removeClass('d-none');
                                        }
                                    }else{
                                        if(!$('.media-multi-settings').hasClass('d-none')){
                                            $('.media-multi-settings').addClass('d-none');
                                        }
                                    }
                                }

                            });
                        if (item.thumb_url) {
                            var image = $('<div>').addClass('file-item-img').css('background-image', 'url("' + item.thumb_url + '?timestamp=' + item.time + '")');
                            var dot = $('<span>').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});
                        } else {
                            var image = $('<div>').addClass('file-item-icon fa ' + item.icon).css({"color":item.color});
                            var dot = $('<span>').addClass('badge badge-dot badge-default indicator_before').css({"background-color":item.color});


                        }

                        if(!item.is_image){ //no image
                            template.find('.link-item-crop').remove();
                            template.find('.link-item-resize').remove();
                        }else{
                            // template.find('.link-item-color').remove();
                        }

                        if(!item.is_file){  //dirs
                            template.find('.link-item-download').remove();
                        }

                        template.find('.file-item-name').before(image);

                        var item_name = $('<span>').addClass('file-item-name-insert').html(item.name);
                        template.find('.file-item-name').html(item_name);
                        template.find('.file-item-name-insert').before(dot);

                        var str = "";
                        if(item.dimension){
                            str += item.dimension + " | "
                        }
                        if(item.size){
                            str += item.size + " | "
                        }
                        str += (new Date(item.time * 1000)).toLocaleString();
                        template.find('.file-item-changed').text(str);
                        $(_self.lfm_content).append(template);
                    });
                }

                //$('#nav-buttons > ul').removeClass('d-none');

                $('#working_dir').val(working_dir);
                // console.log('Current working_dir : ' + working_dir);
                var breadcrumbs = [];
                var validSegments = working_dir.split('/').filter(function (e) { return e; });
                validSegments.forEach(function (segment, index) {
                    if (index === 0) {
                        // set root folder name as the first breadcrumb
                        breadcrumbs.push("Medien");
                        //breadcrumbs.push($("[data-path='/" + segment + "']").text());
                    } else {
                        breadcrumbs.push(segment);
                    }
                });

                $('#current_folder').text(breadcrumbs[breadcrumbs.length - 1]);
                $('#lfm_breadcrumbs > ol').html('');
                breadcrumbs.forEach(function (breadcrumb, index) {
                    var li = $('<li>').addClass('breadcrumb-item').text(breadcrumb);

                    if (index === breadcrumbs.length - 1) {
                        li.addClass('active').attr('aria-current', 'page');
                    } else {
                        li.click(function () {
                            // go to corresponding path
                            _self.goTo('/' + validSegments.slice(0, 1 + index).join('/'));
                        });
                    }

                    $('#lfm_breadcrumbs > ol').append(li);
                });
                var atRootFolder = _self.getPreviousDir() === '';
                $('#to-previous').toggleClass('d-none', atRootFolder);
                $('#to-previous').click(function () {
                    var previous_dir = _self.getPreviousDir();
                    if (previous_dir === '') return;
                    _self.goTo(previous_dir);
                });

                _self.loading(false);
                _self.toggleActions();
            });
    },
    loading : function(show_loading) {
        $('#lfm_loading').toggleClass('d-none', !show_loading);
        if(!show_loading){
            if(!$('.media-multi-settings').hasClass('d-none')){
                $('.media-multi-settings').addClass('d-none');
            }
        }
    },

    createFolder : function(folder_name) {
        var _self = LFileManager;
        _self.performLfmRequest('newfolder', {name: folder_name})
            .done(_self.refreshFoldersAndItems);
    },

    // ==================================
    // ==         File Actions         ==
    // ==================================

    rename : function(item) {
        var _self = this;
        _self.dialog(_self.lfm_config['lfm_lang']['message-rename'], item.name, function (new_name) {
            _self.performLfmRequest('rename', {
                file: item.name,
                new_name: new_name
            }).done(_self.refreshFoldersAndItems);
        });
    },
    colors : function(item) {
        var _self = this;
        _self.performLfmRequest('colorhue', {color: item.color})
            .done(function (data) {
                _self.hideNavAndShowEditor(data, function () {
                    _self.performLfmRequest('docolorhue', {
                        file: item.name,
                        new_color: $('#notify').find('input').val(),
                    }).done(_self.refreshFoldersAndItems);
                });
            });
    },
    trash : function(items) {
        var _self = this;
        _self.notify(_self.lfm_config['lfm_lang']['message-delete'], function () {
            var d = _self.performLfmRequest('delete', {
                items: items.map(function (item) { return item.name; })
            }).done(_self.refreshFoldersAndItems);
            // console.log(d);
        });
    },
    crop : function(item) {
        var _self = this;
        _self.performLfmRequest('crop', {img: item.name})
            .done(_self.hideNavAndShowEditor);
    },
    resize : function(item) {
        var _self = this;
        _self.performLfmRequest('resize', {img: item.name})
            .done(_self.hideNavAndShowEditor);
    },
    move : function(items) {
        var _self = this;
        _self.performLfmRequest('move', { items: items.map(function (item) { return item.name; }) })
            .done(_self.refreshFoldersAndItems);
    },
    download : function(items) {
        var _self = this;
        items.forEach(function (item, index) {
            var data = _self.defaultParameters();

            data['file'] = item.name;

            var token = _self.getUrlParam('token');
            if (token) {
                data['token'] = token;
            }
            setTimeout(function () {
                location.href = lfm_route + '/download?' + $.param(data);
            }, index * 100);
        });
    },
    open : function(item) {
        this.goTo(item.url);
    },
    preview_item : function(item) {
        //var items = [];
        //items.push(item);
        this.preview(item);
    },
    preview : function(item) {
        var _self = this;
        var media = $('#previewTemplate').clone().attr('id', 'previewMedia').removeClass('d-none');
        var item_content_id = "";

        if(item.icon === "fa-image" || item.icon === "fa-file-pdf"){
            media.find('.media-preview').attr('src', item.url + '?timestamp=' + item.time).removeClass('d-none');
        }else if(item.icon === "fab fa-youtube-square"){
            media.find('.embed-responsive-item').attr('src', 'https://www.youtube.com/embed/' +item.content.id + '?rel=0');
            media.find('.embed-responsive').removeClass('d-none');
            item_content_id = item.content.id;
        }else{
            var icon = $('<div>').addClass('file-item-icon fa ' + item.icon).css('color', item.color);
            media.find('.file-manager-col-view').html(icon).removeClass('d-none');
        }

        if(item.content) {
            media.find('.media-content-title').val(item.content.title);
            if(item.is_image){
                media.find('.media-content-author').val(item.content.author);
            }else{
                media.find('.media-content-description').val(item.content.description);
            }


        }
        media.find('.media-content-title').parent().removeClass('d-none');
        if(item.is_image) {
            media.find('.media-content-author').parent().removeClass('d-none');
        }else{
            media.find('.media-content-description').parent().removeClass('d-none');
        }

        media.find('.media-name').html(item.name);
        media.find('.media-url').val(item.url);
        media.find('.media-download').attr('target', '_blank').attr('href', item.url);

        var callback = function () {
            _self.performLfmRequest('file-content', {
                file: item.name,
                content_id: item_content_id,
                content_title: media.find('.media-content-title').val(),
                content_description: media.find('.media-content-description').val(),
                content_author: media.find('.media-content-author').val(),
            }).done(_self.refreshFoldersAndItems);
        };
        _self.notify(media, callback);
    },
    getUrlParam : function(paramName) {
        var reParam = new RegExp('(?:[\?&]|&)' + paramName + '=([^&]+)', 'i');
        var match = window.location.search.match(reParam);
        return ( match && match.length > 1 ) ? match[1] : null;
    },
    defaultParameters : function() {
        return {
            working_dir: $('#working_dir').val(),
            type: $('#type').val()
        };
    },
    insertHTML : function(item){
        var title = '';
        if(item.content !== null && item.content.title){
            title = item.content.title;
        }
        var description = '';
        if(item.content !== null && item.content.description){
            description = ' ' + item.content.description;
        }
        var author_name;
        if(item.content !== null && item.content.author_name){
            author_name = ' Bildquelle: ' + item.content.author_name;
        }
        var insert = '';

        if(item.is_file && item.is_image){

            insert += '<div class="mediaA">'+
                        '<picture>'+
                            '<img src="'+item.url+'" alt="'+title+'" class="img-responsive" title="'+title + " | " + author_name+'" data-identifier="'+item.identifier+'" width="auto" height="auto">' +
                        '</picture>'+
                            '<div class="mediaInfo">\n' +
                                '<p class="infotext">' + title + '</p>\n' +
                            '</div>\n' +
                        '</div>';
                        console.log(insert);
           return insert;
        }
        if(item.icon === "fab fa-youtube-square"){

            insert +=  '<div class="mediaA">'+
                            '<div class="video-container" itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">'+
                                '<iframe src="https://www.youtube-nocookie.com/embed/'+item.content.id+'?rel=0"  frameborder="0" allowfullscreen="allowfullscreen" data-identifier="'+item.identifier+'"></iframe>'+
                            '</div>'+
                            '<div class="mediaInfo">\n' +
                                '<p class="infotext">' + title + '</p>\n' +
                            '</div>\n' +
                        '</div>';
            return insert;
        }
        if(item.is_file){
            insert += '<a href="'+item.url+'" title="'+title+'" data-identifier="'+item.identifier+'">'+item.name+'</a>';
            if(description !== ''){
                insert += '<p>'+description+'</p>';
            }
            return insert;
        }

        return false;
    },
    notImp : function() {
        this.notify('Not yet implemented!');
    },
    notify : function(body, callback) {

        $('#notify').find('.btn-primary').toggle(callback !== undefined);
        if(callback !== 'success'){
            $('#notify').find('.btn-primary').unbind().click(callback);
        }else{
            $('#notify').find('.btn-primary').unbind();
        }
        $('#notify').modal('show').find('.modal-body').html(body);
    },
    dialog : function(title, value, callback) {
        $('#dialog').find('input').val(value);
        $('#dialog').on('shown.bs.modal', function () {
            $('#dialog').find('input').focus();
        });
        $('#dialog').find('.btn-primary').unbind('click').click(function (e) {
            callback($('#dialog').find('input').val());
        });
        $('#dialog').find('input').unbind('keypress.key13').bind('keypress.key13', function (e) {
            if (e.which === 13) {
                $('#dialog').find('.btn-primary').click();
            }
        });
        $('#dialog').modal('show').find('.modal-title').text(title);
    },

};



$(document).ready(function () {
    LFileManager.initFileManager();
});











// ====================
// ==  Ajax actions  ==
// ====================