package eu.dnetlib.client.adminpanel;

import com.github.gwtbootstrap.client.ui.*;
import com.github.gwtbootstrap.client.ui.Button;
import com.github.gwtbootstrap.client.ui.SubmitButton;
import com.github.gwtbootstrap.client.ui.TextBox;
import com.github.gwtbootstrap.client.ui.constants.AlertType;
import com.github.gwtbootstrap.client.ui.constants.BackdropType;
import com.github.gwtbootstrap.client.ui.constants.ButtonType;
import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.Element;
import com.google.gwt.dom.client.InputElement;
import com.google.gwt.dom.client.NodeList;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.i18n.client.DateTimeFormat;
import com.google.gwt.i18n.client.TimeZone;
import com.google.gwt.query.client.Function;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.google.gwt.user.client.ui.*;
import eu.dnetlib.client.Admin;
import eu.dnetlib.client.AdminWidget;
import eu.dnetlib.espas.gui.client.FAQService;
import eu.dnetlib.espas.gui.client.FAQServiceAsync;
import eu.dnetlib.espas.gui.shared.Topic;

import java.util.*;

import static com.google.gwt.query.client.GQuery.$;

/**
 * Created by stefania on 10/14/15.
 */
public class FAQTopicsWidget implements AdminWidget {

    private static FAQTopicsWidget instance = null;

    private FlowPanel manageTopicsPanel = new FlowPanel();

    private Alert errorAlert = new Alert();
    private Alert successAlert = new Alert();
    private Alert warningAlert = new Alert();

    private FlowPanel pageControlsPanel = new FlowPanel();
    private FlowPanel topicsPanel = new FlowPanel();

    private TextBox search = new TextBox();

    private FAQServiceAsync faqService = GWT.create(FAQService.class);

    private List<Topic> topics = new ArrayList<Topic>();
    private List<Topic> allMatchingTopics = new ArrayList<Topic>();

    private DateTimeFormat dtf = DateTimeFormat.getFormat("yyyy-MM-dd");
    private TimeZone tz = TimeZone.createTimeZone(0);

    private Map<String, Topic> topicsMap = new HashMap<String, Topic>();

    private FAQTopicsWidget() {

        manageTopicsPanel.addStyleName("contentPanel");

        errorAlert.setType(AlertType.ERROR);
        errorAlert.setVisible(false);
        errorAlert.setClose(false);
        manageTopicsPanel.add(errorAlert);

        successAlert.setType(AlertType.SUCCESS);
        successAlert.setVisible(false);
        successAlert.setClose(false);
        manageTopicsPanel.add(successAlert);

        warningAlert.setType(AlertType.WARNING);
        warningAlert.setVisible(false);
        warningAlert.setClose(false);
        manageTopicsPanel.add(warningAlert);

        manageTopicsPanel.add(pageControlsPanel);
        manageTopicsPanel.add(topicsPanel);

        pageControlsPanel.addStyleName("row");
        pageControlsPanel.addStyleName("page-controls");
    }

    public static final FAQTopicsWidget getInstance() {

        if(instance==null)
            instance = new FAQTopicsWidget();

        return instance;
    }

    @Override
    public void clear() {

        errorAlert.setVisible(false);
        successAlert.setVisible(false);
        warningAlert.setVisible(false);

        topicsPanel.clear();
        pageControlsPanel.clear();

        search.setValue("");
    }

    @Override
    public void reload() {

        Admin.menuBar.clear();

        Admin.menuBar.add(new HTML("<div class=\"sidebar-toggler visible-xs\"><i class=\"ion-navicon\"></i></div>"));
        Admin.menuBar.add(new HTML("<div class=\"page-title\" id=\"pageTitle\">FAQ Topics</div>"));

        Form searchForm = new Form();
        searchForm.addStyleName("search");

        search.setPlaceholder("Search topics (name, description)...");
        searchForm.add(search);

        SubmitButton submitSearchButton = new SubmitButton();
        searchForm.add(submitSearchButton);

        searchForm.addSubmitHandler(new Form.SubmitHandler() {
            @Override
            public void onSubmit(Form.SubmitEvent event) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                FAQTopicsWidget.getInstance().allMatchingTopics.clear();

                if(search.getValue()!=null && !search.getValue().trim().equals("")) {

                    for(Topic topic : topics) {

                        if(topic.getTopicName().toLowerCase().contains(search.getValue().trim().toLowerCase())
                                || topic.getTopicDescription().toLowerCase().contains(search.getValue().trim().toLowerCase())) {
                            allMatchingTopics.add(topic);
                        }
                    }

                } else {
                    allMatchingTopics.addAll(topics);
                }

                updateContents(allMatchingTopics);
                updateControls();
            }
        });

        Admin.menuBar.add(searchForm);

        Button addNewTopic = new Button();
        addNewTopic.setText("New Topic");
        addNewTopic.setType(ButtonType.SUCCESS);
        addNewTopic.addStyleName("pull-right");
        addNewTopic.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                TopicFormModal topicFormModal = new TopicFormModal(null);
                TopicFormModal.TopicFormListener topicFormListener = new TopicFormModal.TopicFormListener() {
                    @Override
                    public void onSaved() {
                        updateTopics(false, "Topic saved successfully");
                    }
                };
                topicFormModal.setTopicFormListener(topicFormListener);
                topicFormModal.show();
            }
        });

        Admin.menuBar.add(addNewTopic);

        updateTopics(true, null);
    }

    private void updateTopics(final boolean clearAlerts, final String successMessage) {

        final HTML loadingWheel = new HTML("<div class=\"loader-big\"></div><div class=\"whiteFilm\"></div>");
        manageTopicsPanel.addStyleName("loading-big");
        manageTopicsPanel.add(loadingWheel);

        faqService.getTopics(new AsyncCallback<List<Topic>>() {

            @Override
            public void onFailure(Throwable caught) {

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                errorAlert.setText("System error retrieving topics");
                errorAlert.setVisible(true);
            }

            @Override
            public void onSuccess(List<Topic> topics) {

                topicsMap.clear();
                for (Topic topic : topics)
                    topicsMap.put(topic.getId() + "", topic);

                if (clearAlerts) {
                    errorAlert.setVisible(false);
                    successAlert.setVisible(false);
                    warningAlert.setVisible(false);
                }

                if (successMessage != null) {
                    successAlert.setText(successMessage);
                    successAlert.setVisible(true);
                }

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                FAQTopicsWidget.getInstance().topics.clear();
                FAQTopicsWidget.getInstance().topics.addAll(topics);

                FAQTopicsWidget.getInstance().allMatchingTopics.clear();

                if (search.getValue() != null && !search.getValue().trim().equals("")) {

                    for(Topic topic : FAQTopicsWidget.this.topics) {

                        if(topic.getTopicName().toLowerCase().contains(search.getValue().trim().toLowerCase())
                                || topic.getTopicDescription().toLowerCase().contains(search.getValue().trim().toLowerCase())) {
                            allMatchingTopics.add(topic);
                        }
                    }

                } else {
                    allMatchingTopics.addAll(FAQTopicsWidget.this.topics);
                }

                updateControls();
                updateContents(allMatchingTopics);
            }
        });
    }

    @Override
    public void setToken(String token) {

    }

    @Override
    public void afterAdditionToRootPanel() {

    }

    public void updateControls() {

        pageControlsPanel.clear();

        FlowPanel filters = new FlowPanel();
        filters.addStyleName("col-md-12");
        filters.addStyleName("filters");

        pageControlsPanel.add(filters);

        FlowPanel actions = new FlowPanel();
        actions.addStyleName("show-options");

        filters.add(actions);

        DropdownButton bulkActions = new DropdownButton();
        bulkActions.setText("Bulk Actions");
        bulkActions.setType(ButtonType.DEFAULT);

        NavLink deleteButton = new NavLink("Delete");
        deleteButton.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                List<String> topicIds = getCheckedTopics();

                if (!topicIds.isEmpty()) {
                    deleteTopics(topicIds);
                } else {
                    warningAlert.setText("You haven't selected any topics");
                    warningAlert.setVisible(true);
                }
            }
        });
        bulkActions.add(deleteButton);

        NavLink weightOrderButton = new NavLink("Order Questions By Weight");
        weightOrderButton.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                List<String> topicIds = getCheckedTopics();

                if (!topicIds.isEmpty()) {
                    weightOrderTopicQuestions(topicIds);
                } else {
                    warningAlert.setText("You haven't selected any topics");
                    warningAlert.setVisible(true);
                }
            }
        });
        bulkActions.add(weightOrderButton);

        NavLink hitCountOrderButton = new NavLink("Order Questions By Hit Count");
        hitCountOrderButton.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                List<String> topicIds = getCheckedTopics();

                if (!topicIds.isEmpty()) {
                    hitCountOrderTopicQuestions(topicIds);
                } else {
                    warningAlert.setText("You haven't selected any topics");
                    warningAlert.setVisible(true);
                }
            }
        });
        bulkActions.add(hitCountOrderButton);



        actions.add(bulkActions);
    }

    public void updateContents(List<Topic> topics) {

        topicsPanel.clear();

        String contents = "<div class=\"row users-list\">";
        contents += "<div class=\"col-md-12\">";

        contents += "<div class=\"row headers\">" +
                "<div class=\"col-sm-1 header select-users\">" +
                "<input id=\"allTopicsCheckbox\" type=\"checkbox\">" +
                "</div>" +
                "<div class=\"col-sm-1 header hidden-xs\">" +
                "<label><a href=\"#\">Date</a></label>" +
                "</div>" +
                "<div class=\"col-sm-2 header hidden-xs\">" +
                "<label><a href=\"#\">Name</a></label>" +
                "</div>" +
                "<div class=\"col-sm-4 header hidden-xs\">" +
                "<label><a href=\"#\">Description</a></label>" +
                "</div>" +
                "<div class=\"col-sm-1 header hidden-xs\">" +
                "<label><a href=\"#\">Weight</a></label>" +
                "</div>" +
                "<div class=\"col-sm-2 header hidden-xs\">" +
                "<label><a href=\"#\">Questions Order</a></label>" +
                "</div>" +
                "<div class=\"col-sm-1 header hidden-xs\">" +
                "<label><a href=\"#\">Actions</a></label>" +
                "</div>" +
                "</div>";

        if(topics.size()==0) {

            contents += "<div class=\"row user\">" +
                    "<div class=\"col-md-12\"><div class=\"alert alert-warning\">No topics found</div></div>" +
                    "</div>";

        } else {

            for (Topic topic : topics) {

                contents += "<div class=\"row user\">" +
                        "<div class=\"col-sm-1 avatar\"><input id=\"" + topic.getId() + "#checkBox\" class=\"checkBox\" type=\"checkbox\" name=\"select-user\"></div>" +
                        "<div class=\"col-sm-1\"><div class=\"date\" href=\"#\">" + dtf.format(topic.getDate(), tz) + "</div></div>" +
                        "<div class=\"col-sm-2\"><div class=\"name\" href=\"#\">" + topic.getTopicName() + "</div></div>" +
                        "<div class=\"col-sm-4\"><div class=\"description\" href=\"#\">" + topic.getTopicDescription() + "</div></div>" +
                        "<div class=\"col-sm-1\"><div class=\"weight\" href=\"#\">" + Math.round(topic.getWeight()*100) / 100.0 + "</div></div>" +
                        "<div class=\"col-sm-2\"><div class=\"questionsOrder\" href=\"#\">" + topic.getQuestionOrder() + "</div></div>" +
                        "<div class=\"col-sm-1\"><div class=\"actions\" href=\"#\"><input id=\"" + topic.getId() + "#edit\" type=\"image\" title=\"Edit\" src=\"imgs/icn_edit.png\" class=\"edit\">" +
                        "<input id=\"" + topic.getId() + "#delete\" type=\"image\" title=\"Delete\" src=\"imgs/icn_trash.png\" class=\"delete\"></div></div>" +
                        "</div>";

            }
        }

        contents += "</div>";
        contents += "</div>";

        HTML topicsList = new HTML();
        topicsList.setHTML(contents);

        topicsPanel.add(topicsList);

        addWidgetHandlers();
    }

    @Override
    public Widget asWidget() {
        return manageTopicsPanel;
    }

    public void addWidgetHandlers() {

        $("#allTopicsCheckbox").click(new Function() {

            public boolean f(Event e) {

                InputElement allUsers = (InputElement) Document.get().getElementById("allTopicsCheckbox");

                NodeList<Element> checkBoxes = $(".checkBox").get();

                if(allUsers.isChecked()) {
                    for(int i=0; i<checkBoxes.getLength(); i++) {
                        InputElement checkBox = (InputElement) checkBoxes.getItem(i);
                        checkBox.setChecked(true);
                    }
                } else {
                    for(int i=0; i<checkBoxes.getLength(); i++) {
                        InputElement checkBox = (InputElement) checkBoxes.getItem(i);
                        checkBox.setChecked(false);
                    }
                }

                return true;
            }
        });

        $(".delete").click(new Function() {

            public boolean f(Event e) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                String[] idParts = $(e).get(0).getId().split("#");
                List<String> topicIds = new ArrayList<String>();
                topicIds.add(idParts[0]);

                deleteTopics(topicIds);

                return true;
            }
        });

        $(".edit").click(new Function() {

            public boolean f(Event e) {

                errorAlert.setVisible(false);
                successAlert.setVisible(false);
                warningAlert.setVisible(false);

                String[] idParts = $(e).get(0).getId().split("#");
                String topicId = idParts[0];

                TopicFormModal topicFormModal = new TopicFormModal(topicsMap.get(topicId));
                TopicFormModal.TopicFormListener topicFormListener = new TopicFormModal.TopicFormListener() {
                    @Override
                    public void onSaved() {
                        updateTopics(false, "Topic updated successfully");
                    }
                };
                topicFormModal.setTopicFormListener(topicFormListener);
                topicFormModal.show();

                return true;
            }
        });
    }

    private List<String> getCheckedTopics() {

        List<String> topicIds = new ArrayList<String>();

        NodeList<Element> checkBoxes = $(".checkBox").get();
        for(int i=0; i<checkBoxes.getLength(); i++) {
            InputElement checkBox = (InputElement) checkBoxes.getItem(i);
            if(checkBox.isChecked()) {
                String[] idParts = checkBox.getId().split("#");
                topicIds.add(idParts[0]);
            }
        }

        return topicIds;
    }

    private void weightOrderTopicQuestions(List<String> topicIds) {

        final HTML loadingWheel = new HTML("<div class=\"loader-big\"></div><div class=\"whiteFilm\"></div>");
        manageTopicsPanel.addStyleName("loading-big");
        manageTopicsPanel.add(loadingWheel);

        faqService.setWeightQuestionOrder(topicIds, new AsyncCallback<Void>() {

            @Override
            public void onFailure(Throwable caught) {

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                errorAlert.setText("Failed to set the weight as the order of questions for the selected topic(s)");
                errorAlert.setVisible(true);
            }

            @Override
            public void onSuccess(Void result) {

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                updateTopics(false, "Topic(s) updated successfully");
            }
        });
    }

    private void hitCountOrderTopicQuestions(List<String> topicIds) {

        final HTML loadingWheel = new HTML("<div class=\"loader-big\"></div><div class=\"whiteFilm\"></div>");
        manageTopicsPanel.addStyleName("loading-big");
        manageTopicsPanel.add(loadingWheel);

        faqService.setHitCountQuestionOrder(topicIds, new AsyncCallback<Void>() {

            @Override
            public void onFailure(Throwable caught) {

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                errorAlert.setText("Failed to set the hit count as the order of questions for the selected topic(s)");
                errorAlert.setVisible(true);
            }

            @Override
            public void onSuccess(Void result) {

                manageTopicsPanel.removeStyleName("loading-big");
                manageTopicsPanel.remove(loadingWheel);

                updateTopics(false, "Topic(s) updated successfully");
            }
        });
    }

    private void deleteTopics(final List<String> topicIds) {

        final Modal deleteConfirmationPopup = new Modal();

        deleteConfirmationPopup.addStyleName("confirmationModal");
        deleteConfirmationPopup.setAnimation(true);
        deleteConfirmationPopup.setBackdrop(BackdropType.STATIC);

        deleteConfirmationPopup.setTitle("Delete Confirmation");

        HTML message = new HTML("Are you sure you want to delete the selected topic(s)?");
        deleteConfirmationPopup.add(message);

        FlowPanel actionButtons = new FlowPanel();
        actionButtons.addStyleName("confirmationModalButtons");

        ModalFooter modalFooter = new ModalFooter();
        modalFooter.add(actionButtons);
        deleteConfirmationPopup.add(modalFooter);

        Button no = new Button("Cancel");
        no.setType(ButtonType.DEFAULT);
        no.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                deleteConfirmationPopup.hide();
                deleteConfirmationPopup.removeFromParent();
            }
        });
        actionButtons.add(no);

        Button yes = new Button("Yes, delete them");
        yes.setType(ButtonType.DANGER);
        yes.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                deleteConfirmationPopup.hide();
                deleteConfirmationPopup.removeFromParent();

                final HTML loadingWheel = new HTML("<div class=\"loader-big\"></div><div class=\"whiteFilm\"></div>");
                manageTopicsPanel.addStyleName("loading-big");
                manageTopicsPanel.add(loadingWheel);

                faqService.deleteTopics(topicIds, new AsyncCallback<Void>() {

                    @Override
                    public void onFailure(Throwable caught) {

                        manageTopicsPanel.removeStyleName("loading-big");
                        manageTopicsPanel.remove(loadingWheel);

                        errorAlert.setText("Failed to delete the selected topic(s)");
                        errorAlert.setVisible(true);
                    }

                    @Override
                    public void onSuccess(Void result) {

                        manageTopicsPanel.removeStyleName("loading-big");
                        manageTopicsPanel.remove(loadingWheel);

                        updateTopics(false, "Topic(s) deleted successfully");
                    }
                });
            }
        });
        actionButtons.add(yes);

        deleteConfirmationPopup.show();
    }
}