package eu.dnetlib.client.widgets;

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.query.client.Function;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.Widget;
import com.sencha.gxt.widget.core.client.info.Info;
import eu.dnetlib.goldoa.domain.Vocabulary;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

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

/**
 * Created by stefania on 9/25/15.
 */
public class DropdownCheckbox implements IsWidget {

    private HTML dropdownCheckboxElement = new HTML();
    private String contents;

    private List<Vocabulary> options = new ArrayList<>();
    private Map<String, Vocabulary> optionsMap = new HashMap<>();

    private OptionSelectedListener optionSelectedListener;

    public DropdownCheckbox(List<Vocabulary> options) {

        this.options.addAll(options);
        for(Vocabulary option : options)
            optionsMap.put(option.getId(), option);

        contents = "<div class=\"btn-group\">" +
                "<button id=\"dropdownCheckboxButton\" data-toggle=\"dropdown\" class=\"btn dropdown-toggle\"  data-placeholder=\"Please select\">" +
                "None selected <span class=\"caret\"></span></button>" +
                "<ul class=\"dropdown-menu noclose\">";

        for(Vocabulary option : options)
                contents += "<li><input class=\"dropdownCheckbox\" type=\"checkbox\" id=\"" + option.getId() +
                        "\"><label for=\"" + option.getId() + "\" name=\"NAME\" value=\"VALUE\">" + option.getName() + "</label></li>";

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

        dropdownCheckboxElement.setHTML(contents);
    }

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

    public void addStyleName(String styleName) {
        dropdownCheckboxElement.addStyleName(styleName);
    }

    public void addFunctionality() {

        $(".dropdown-menu > li > input[type=\"checkbox\"] ~ label, .dropdown-menu > li > input[type=\"checkbox\"], .dropdown-menu.noclose > li").
                click(new Function() {

            public boolean f(Event e) {

                fireSelectedEvent();
                e.stopPropagation();
                return true;
            }
        });
    }

    public void fireSelectedEvent() {

        List<String> selectedOptions = getSelectedStatuses();
        if(selectedOptions.isEmpty()) {
            Document.get().getElementById("dropdownCheckboxButton").setInnerHTML("None selected <span class=\"caret\"></span>");
        } else if(selectedOptions.size()==options.size()) {
            Document.get().getElementById("dropdownCheckboxButton").setInnerHTML("All selected (" + selectedOptions.size() + ") <span class=\"caret\"></span>");
        } else if(selectedOptions.size()>3) {
            Document.get().getElementById("dropdownCheckboxButton").setInnerHTML(selectedOptions.size() + " selected <span class=\"caret\"></span>");
        } else {
            String statuses = "";
            for(String selectedOption : selectedOptions)
                statuses += optionsMap.get(selectedOption).getName() + ", ";

            statuses = statuses.substring(0, statuses.length()-2);
            Document.get().getElementById("dropdownCheckboxButton").setInnerHTML(statuses + " <span class=\"caret\"></span>");
        }

        if(optionSelectedListener!=null)
            optionSelectedListener.onSelect();
    }

    public List<String> getSelectedStatuses() {

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

        NodeList<Element> checkBoxes = $(".dropdownCheckbox").get();
        for(int i=0; i<checkBoxes.getLength(); i++) {
            InputElement checkBox = (InputElement) checkBoxes.getItem(i);
            if(checkBox.isChecked()) {
                ids.add(checkBox.getId());
            }
        }

        return ids;
    }

    public interface OptionSelectedListener {
        void onSelect();
    }

    public void setOptionSelectedListener(OptionSelectedListener optionSelectedListener) {
        this.optionSelectedListener = optionSelectedListener;
    }
}