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 com.google.gwt.user.client.ui.Label;
import eu.dnetlib.client.Admin;
import eu.dnetlib.client.AdminWidget;
import eu.dnetlib.espas.gui.client.MessageService;
import eu.dnetlib.espas.gui.client.MessageServiceAsync;
import eu.dnetlib.espas.gui.shared.Message;

import java.util.*;

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

/**
 * Created by stefania on 5/12/15.
 */
public class NewsAndAnnouncementsWidget implements AdminWidget {

    private static NewsAndAnnouncementsWidget instance = null;

    private FlowPanel manageNewsPanel = new FlowPanel();

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

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

    private TextBox search = new TextBox();

    private MessageServiceAsync messageService = GWT.create(MessageService.class);

    private List<Message> news = new ArrayList<Message>();
    private List<Message> activeNews = new ArrayList<Message>();
    private List<Message> inactiveNews = new ArrayList<Message>();

    private List<Message> allMatchingNews = new ArrayList<Message>();
    private List<Message> activeMatchingNews = new ArrayList<Message>();
    private List<Message> inactiveMatchingNews = new ArrayList<Message>();

    private DateTimeFormat dtf = DateTimeFormat.getFormat("yyyy-MM-dd'T'HH:mm:ssZ");
    private TimeZone tz = TimeZone.createTimeZone(0);

    private Map<String, Message> messageMap = new HashMap<String, Message>();

    private NewsAndAnnouncementsWidget() {

        manageNewsPanel.addStyleName("contentPanel");

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

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

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

        manageNewsPanel.add(pageControlsPanel);
        manageNewsPanel.add(newsPanel);

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

    public static final NewsAndAnnouncementsWidget getInstance() {

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

        return instance;
    }

    @Override
    public void clear() {

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

        newsPanel.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\">News / Announcements</div>"));

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

        search.setPlaceholder("Search news / announcements (message text)...");
        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);

                NewsAndAnnouncementsWidget.getInstance().allMatchingNews.clear();
                NewsAndAnnouncementsWidget.getInstance().activeMatchingNews.clear();
                NewsAndAnnouncementsWidget.getInstance().inactiveMatchingNews.clear();

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

                    for(Message message : news) {

                        if(message.getMessageText().toLowerCase().contains(search.getValue().trim().toLowerCase())
                                || message.getMessageText().toLowerCase().contains(search.getValue().trim().toLowerCase())) {
                            allMatchingNews.add(message);

                            Date today = new Date();
                            if(today.after(message.getValidFrom()) && today.before(message.getValidTo())) {
                                activeMatchingNews.add(message);
                            } else {
                                inactiveMatchingNews.add(message);
                            }
                        }
                    }

                } else {
                    allMatchingNews.addAll(news);
                    activeMatchingNews.addAll(activeNews);
                    inactiveMatchingNews.addAll(inactiveNews);
                }

                updateContents(allMatchingNews);
                updateControls();
            }
        });

        Admin.menuBar.add(searchForm);

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

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

                AnnouncementFormModal announcementForm = new AnnouncementFormModal(null);
                AnnouncementFormModal.AnnouncementsFormListener announcementsFormListener = new AnnouncementFormModal.AnnouncementsFormListener() {
                    @Override
                    public void onSaved() {
                        updateNews(false, "Announcement saved successfully");
                    }
                };
                announcementForm.setAnnouncementsFormListener(announcementsFormListener);
                announcementForm.show();
            }
        });

        Admin.menuBar.add(addNewAnnouncement);

        updateNews(true, null);
    }

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

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

        messageService.getMessages(new AsyncCallback<List<Message>>() {

            @Override
            public void onFailure(Throwable throwable) {

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

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

                errorAlert.setText("System error retrieving news and announcements");
                errorAlert.setVisible(true);
            }

            @Override
            public void onSuccess(List<Message> messages) {

                messageMap.clear();
                for (Message message : messages)
                    messageMap.put(message.getId() + "", message);

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

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

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

                NewsAndAnnouncementsWidget.getInstance().news.clear();
                NewsAndAnnouncementsWidget.getInstance().news.addAll(messages);

                NewsAndAnnouncementsWidget.getInstance().allMatchingNews.clear();

                NewsAndAnnouncementsWidget.getInstance().activeNews.clear();
                NewsAndAnnouncementsWidget.getInstance().inactiveNews.clear();

                NewsAndAnnouncementsWidget.getInstance().activeMatchingNews.clear();
                NewsAndAnnouncementsWidget.getInstance().inactiveMatchingNews.clear();

                for (Message message : news) {

                    Date today = new Date();
                    if (today.after(message.getValidFrom()) && today.before(message.getValidTo())) {
                        activeNews.add(message);
                    } else {
                        inactiveNews.add(message);
                    }
                }

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

                    for (Message message : news) {

                        if (message.getMessageText().toLowerCase().contains(search.getValue().trim().toLowerCase())
                                || message.getMessageText().toLowerCase().contains(search.getValue().trim().toLowerCase())) {
                            allMatchingNews.add(message);

                            Date today = new Date();
                            if (today.after(message.getValidFrom()) && today.before(message.getValidTo())) {
                                activeMatchingNews.add(message);
                            } else {
                                inactiveMatchingNews.add(message);
                            }
                        }
                    }

                } else {
                    allMatchingNews.addAll(news);
                    activeMatchingNews.addAll(activeNews);
                    inactiveMatchingNews.addAll(inactiveNews);
                }

                updateControls();
                updateContents(allMatchingNews);
            }
        });
    }

    @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 links = new FlowPanel();
        links.addStyleName("links");

        filters.add(links);

        Label filterLabel = new Label("Filter news:");
        filterLabel.addStyleName("filterLabel");
        links.add(filterLabel);

        final Anchor allNewsLink = new Anchor("All News / Announcements (" + allMatchingNews.size() + ")");
        allNewsLink.addStyleName("active");
        links.add(allNewsLink);

        final Anchor activeNewsLink = new Anchor("Active (" + activeMatchingNews.size() + ")");
        links.add(activeNewsLink);

        final Anchor inactiveNewsLink = new Anchor("Inactive (" + inactiveMatchingNews.size() + ")");
        links.add(inactiveNewsLink);

        allNewsLink.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                allNewsLink.addStyleName("active");
                activeNewsLink.removeStyleName("active");
                inactiveNewsLink.removeStyleName("active");
                updateContents(allMatchingNews);
            }
        });

        activeNewsLink.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                allNewsLink.removeStyleName("active");
                activeNewsLink.addStyleName("active");
                inactiveNewsLink.removeStyleName("active");
                updateContents(activeMatchingNews);
            }
        });

        inactiveNewsLink.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {

                allNewsLink.removeStyleName("active");
                activeNewsLink.removeStyleName("active");
                inactiveNewsLink.addStyleName("active");
                updateContents(inactiveMatchingNews);
            }
        });


        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> messageIds = getCheckedMessages();

                if (!messageIds.isEmpty()) {
                    deleteMessages(messageIds);
                } else {
                    warningAlert.setText("You haven't selected any news / announcements");
                    warningAlert.setVisible(true);
                }
            }
        });
        bulkActions.add(deleteButton);

        actions.add(bulkActions);
    }

    public void updateContents(List<Message> messages) {

        newsPanel.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=\"allNewsCheckbox\" type=\"checkbox\">" +
                "</div>" +
                "<div class=\"col-sm-2 header hidden-xs\">" +
                "<label><a href=\"#\">Date Inserted</a></label>" +
                "</div>" +
                "<div class=\"col-sm-2 header hidden-xs\">" +
                "<label><a href=\"#\">Valid From</a></label>" +
                "</div>" +
                "<div class=\"col-sm-2 header hidden-xs\">" +
                "<label><a href=\"#\">Valid To</a></label>" +
                "</div>" +
                "<div class=\"col-sm-4 header hidden-xs\">" +
                "<label><a href=\"#\">Message</a></label>" +
                "</div>" +
                "<div class=\"col-sm-1 header hidden-xs\">" +
                "<label><a href=\"#\">Actions</a></label>" +
                "</div>" +
                "</div>";

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

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

        } else {

            for (Message message : messages) {

                contents += "<div class=\"row user\">" +
                        "<div class=\"col-sm-1 avatar\"><input id=\"" + message.getId() + "#checkBox\" class=\"checkBox\" type=\"checkbox\" name=\"select-user\"></div>" +
                        "<div class=\"col-sm-2\"><div class=\"dateInserted\" href=\"#\">" + dtf.format(message.getDateInserted(), tz) + "</div></div>" +
                        "<div class=\"col-sm-2\"><div class=\"validFrom\" href=\"#\">" + dtf.format(message.getValidFrom(), tz) + "</div></div>" +
                        "<div class=\"col-sm-2\"><div class=\"validTo\" href=\"#\">" + dtf.format(message.getValidTo(), tz) + "</div></div>" +
                        "<div class=\"col-sm-4\"><div class=\"message\" href=\"#\">" + message.getMessageText() + "</div></div>" +
                        "<div class=\"col-sm-1\"><div class=\"actions\" href=\"#\"><input id=\"" + message.getId() + "#edit\" type=\"image\" title=\"Edit\" src=\"imgs/icn_edit.png\" class=\"edit\">" +
                        "<input id=\"" + message.getId() + "#delete\" type=\"image\" title=\"Delete\" src=\"imgs/icn_trash.png\" class=\"delete\"></div></div>" +
                        "</div>";

            }
        }

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

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

        newsPanel.add(newsList);

        addWidgetHandlers();
    }

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

    public void addWidgetHandlers() {

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

            public boolean f(Event e) {

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

                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> messageIds = new ArrayList<String>();
                messageIds.add(idParts[0]);

                deleteMessages(messageIds);

                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 messageId = idParts[0];

                AnnouncementFormModal announcementForm = new AnnouncementFormModal(messageMap.get(messageId));
                AnnouncementFormModal.AnnouncementsFormListener announcementsFormListener = new AnnouncementFormModal.AnnouncementsFormListener() {
                    @Override
                    public void onSaved() {
                        updateNews(false, "Announcement updated successfully");
                    }
                };
                announcementForm.setAnnouncementsFormListener(announcementsFormListener);
                announcementForm.show();

                return true;
            }
        });

    }

    private List<String> getCheckedMessages() {

        List<String> messageIds = 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("#");
                messageIds.add(idParts[0]);
            }
        }

        return messageIds;
    }

    private void deleteMessages(final List<String> messageIds) {

        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 announcement(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>");
                manageNewsPanel.addStyleName("loading-big");
                manageNewsPanel.add(loadingWheel);

                messageService.deleteMessages(messageIds, new AsyncCallback<Void>() {

                    @Override
                    public void onFailure(Throwable throwable) {

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

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

                    @Override
                    public void onSuccess(Void aVoid) {

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

                        updateNews(false, "Announcement(s) deleted successfully");
                    }
                });
            }
        });
        actionButtons.add(yes);

        deleteConfirmationPopup.show();
    }
}