/**
 * Copyright (c) 2017, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

define(['require', 'lodash','jquery', 'log', 'backbone', 'file_browser', 'workspace/file', 'sample_view'],
    function (require, _, $, log, Backbone, FileBrowser, File, SampleView) {
    var OpenSampleFileDialog = Backbone.View.extend(
        /** @lends SaveToFileDialog.prototype */
        {
            /**
             * @augments Backbone.View
             * @constructs
             * @class SaveToFileDialog
             * @param {Object} config configuration options for the SaveToFileDialog
             */
            initialize: function (options) {
                this.app = options;
                this.pathSeparator = this.app.getPathSeperator();
                this.dialog_container = $(_.get(options.config.dialog, 'container'));
                this.notification_container = _.get(options.config.tab_controller.tabs.tab.das_editor.notifications,
                    'container');
                this.source_view_container = _.get(options.config.tab_controller.tabs.tab.das_editor,
                    'source_view.container');
            },

            show: function(){
                this._sampleFileOpenModal.modal('show');
            },

            select: function(path){
                this._fileBrowser.select('path');
            },

            render: function () {
                var self = this;
                var fileBrowser;
                var fileContent;
                var app = this.app;
                var notification_container = this.notification_container;

                if(!_.isNil(this._sampleFileOpenModal)){
                    this._sampleFileOpenModal.remove();
                }

                var sampleFileOpen = $(
                    "<div class='modal fade' id='openSampleConfigModal' tabindex='-1' role='dialog' " +
                    "aria-tydden='true'>" + "<div class='modal-dialog file-dialog' role='document'>" +
                    "<div class='modal-content'>" +
                    "<div class='modal-header'>" +
                    "<button type='button' class='close' data-dismiss='modal' aria-label='Close'>" +
                    "<span aria-hidden='true'>&times;</span>" +
                    "</button>" +
                    "<h4 class='modal-title file-dialog-title'>Import Sample</h4>" +
                    "<hr class='style1'>" +
                    "</div>" +
                    "<div class='modal-body'>" +
                    "<div class='container-fluid'>" +
                    "<form class='form-horizontal' onsubmit='return false'>" +
                    "<div class='form-group'>" +
                    "<label for='locationSearch' class='col-sm-2 file-dialog-label'>Search :</label>" +
                    "<input type='text' class='search-file-dialog-form-control' id='locationSearch' autofocus>" +
                    "</div>" +
                    "<div class='form-group'>" +
                    "<div class='file-dialog-form-scrollable-block' style='padding: 10px 4px; margin-left:35px;'>" +
                    "<div id='noResults' style='display:none;'>No results found</div>" +
                    "<div id='sampleTable' class='samples-pane'>" +
                    "</div>" +
                    "<div id='file-browser-error' class='alert alert-danger' style='display: none;'>" +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "<div class='form-group'>" +
                    "<div class='file-dialog-form-btn'>" +
                    "<button type='button' class='btn btn-default' data-dismiss='modal'>cancel</button>" +
                    "</div>" +
                    "</div>" +
                    "</form>" +
                    "<div id='openFileWizardError' class='alert alert-danger'>" +
                    "<strong>Error!</strong> Something went wrong." +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</div>" +
                    "</div>"
                );

                var successNotification = $(
                    "<div style='z-index: 9999;' style='line-height: 20%;' class='alert alert-success' " +
                    "id='success-alert'>" +
                    "<span class='notification'>" +
                    "Configuration opened successfully !" +
                    "</span>" +
                    "</div>");

                function getErrorNotification(detailedErrorMsg) {
                    var errorMsg = "Error while opening configuration";
                    if (!_.isEmpty(detailedErrorMsg)){
                        errorMsg += (" : " + detailedErrorMsg);
                    }
                    return $(
                        "<div style='z-index: 9999;' style='line-height: 20%;' class='alert alert-danger' " +
                        "id='error-alert'>" +
                        "<span class='notification'>" +
                        errorMsg +
                        "</span>" +
                        "</div>");
                }

                var openSampleConfigModal = sampleFileOpen.filter("#openSampleConfigModal");
                var openFileWizardError = sampleFileOpen.find("#openFileWizardError");
                var location = sampleFileOpen.find("input").filter("#location");
                var locationSearch = sampleFileOpen.find("input").filter("#locationSearch");

                var treeContainer = sampleFileOpen.find("div").filter("#sampleTable");
                var bodyUlSampleContent = $('<ul class="recent-files clearfix"></ul>');
                bodyUlSampleContent.attr('id', "sampleList");
                var workspaceServiceURL = app.config.services.workspace.endpoint;
                var getSampleDescServiceURL = workspaceServiceURL + "/listFiles/samples/descriptions";
                var samplesWithDes = {};

                $.ajax({
                    type: "GET",
                    contentType: "json",
                    url: getSampleDescServiceURL,
                    async: false,
                    success: function (data) {
                        samplesWithDes = data;
                    },
                    error: function (e) {
                        alertError("Unable to read a sample file.");
                        throw "Unable to read a sample file.";
                    }

                });

                samplesWithDes.forEach(function (sample) {
                    var sampleName = sample.path;
                    var config =
                        {
                            "sampleName": ((sampleName.substring(sampleName.lastIndexOf('/') + 1)).split(".siddhi"))[0],
                            "sampleDes": sample.description,
                            "parentContainer": bodyUlSampleContent,
                            "firstItem": true,
                            "clickEventCallback": function (event) {
                                event.preventDefault();
                                var payload = sampleName;
                                openSample(payload);
                            }
                        };
                    samplePreview = new SampleView(config);
                    samplePreview.render();
                    treeContainer.append(bodyUlSampleContent);
                });

                locationSearch.keyup(function () {
                    var searchText = locationSearch.val();
                    searchSample(bodyUlSampleContent, searchText);
                });

                $(this.dialog_container).append(sampleFileOpen);
                openFileWizardError.hide();
                this._sampleFileOpenModal = sampleFileOpen;

                function alertSuccess() {
                    $(notification_container).append(successNotification);
                    successNotification.fadeTo(2000, 200).slideUp(1000, function () {
                        successNotification.slideUp(1000);
                    });
                };

                function alertError(errorMessage) {
                    var errorNotification = getErrorNotification(errorMessage);
                    $(notification_container).append(errorNotification);
                    errorNotification.fadeTo(2000, 200).slideUp(1000, function () {
                        errorNotification.slideUp(1000);
                    });
                };

                function isJsonString(str) {
                    try {
                        JSON.parse(str);
                    } catch (e) {
                        return false;
                    }
                    return true;
                }

                function openSampleConfiguration() {
                    var pathArray = _.split(location.val(), self.app.getPathSeperator());
                    var fileName = _.last(pathArray);
                    var fileRelativeLocation = "artifacts" + self.app.getPathSeperator() +
                        self._artifactName + self.app.getPathSeperator() + fileName;
                    var defaultView = {configLocation: fileRelativeLocation};
                    var workspaceServiceURL = app.config.services.workspace.endpoint;
                    var openSampleServiceURL = workspaceServiceURL + "/read/sample";
                    var browserStorage = app.browserStorage;

                    var path = defaultView.configLocation;
                    $.ajax({
                        url: openSampleServiceURL,
                        type: "POST",
                        data: path,
                        contentType: "text/plain; charset=utf-8",
                        async: false,
                        success: function (data, textStatus, xhr) {
                            if (xhr.status == 200) {
                                var file = new File({
                                    content: data.content
                                },{
                                    storage: browserStorage
                                });
                                openSampleConfigModal.modal('hide');
                                app.commandManager.dispatch("create-new-tab", {tabOptions: {file: file}});
                            } else {
                                openFileWizardError.text(data.Error);
                                openFileWizardError.show();
                            }
                        },
                        error: function (res, errorCode, error) {
                            var msg = _.isString(error) ? error : res.statusText;
                            if(isJsonString(res.responseText)){
                                var resObj = JSON.parse(res.responseText);
                                if(_.has(resObj, 'Error')){
                                    msg = _.get(resObj, 'Error');
                                }
                            }
                            openFileWizardError.text(msg);
                            openFileWizardError.show();
                        }
                    });
                };

                function openSample(payload) {
                    var fileRelativeLocation = "artifacts" + self.app.getPathSeperator() + payload;
                    var workspaceServiceURL = app.config.services.workspace.endpoint;
                    var openSampleServiceURL = workspaceServiceURL + "/read/sample";
                    var browserStorage = app.browserStorage;

                    $.ajax({
                        url: openSampleServiceURL,
                        type: "POST",
                        data: fileRelativeLocation,
                        contentType: "text/plain; charset=utf-8",
                        async: false,
                        success: function (data, textStatus, xhr) {
                            if (xhr.status == 200) {
                                var file = new File({
                                    content: data.content
                                }, {
                                    storage: browserStorage
                                });
                                openSampleConfigModal.modal('hide');
                                app.commandManager.dispatch("create-new-tab", {tabOptions: {file: file}});
                            } else {
                                openFileWizardError.text(data.Error);
                                openFileWizardError.show();
                            }
                        },
                        error: function (res, errorCode, error) {
                            var msg = _.isString(error) ? error : res.statusText;
                            if (isJsonString(res.responseText)) {
                                var resObj = JSON.parse(res.responseText);
                                if (_.has(resObj, 'Error')) {
                                    msg = _.get(resObj, 'Error');
                                }
                            }
                            openFileWizardError.text(msg);
                            openFileWizardError.show();
                        }
                    });
                };

                function searchSample(sampleContent, searchText) {
                    var filter = searchText.toUpperCase();
                    var sampleElements = sampleContent[0].getElementsByTagName("li");
                    var noResultsElement = sampleFileOpen.find("div").filter("#noResults");
                    var unmatchedCount = 0;
                    for (var i = 0; i < sampleElements.length; i++) {
                        var sampleElement = sampleElements[i].getElementsByTagName("a")[0];
                        if (sampleElement.innerText.toUpperCase().indexOf(filter) > -1) {
                            sampleElements[i].style.display = "";
                        } else {
                            sampleElements[i].style.display = "none";
                            unmatchedCount += 1;
                        }
                    }
                    var isMatched = (unmatchedCount === sampleElements.length);
                    noResultsElement.toggle(isMatched);
                }
            },
        });

    return OpenSampleFileDialog;
});
