package pt.ist.renderers.extensions;

import pt.ist.renderers.components.HtmlBlockContainer;
import pt.ist.renderers.components.HtmlComponent;
import pt.ist.renderers.components.HtmlContainer;
import pt.ist.renderers.components.HtmlHiddenField;
import pt.ist.renderers.components.HtmlMenu;
import pt.ist.renderers.components.HtmlMenuEntry;
import pt.ist.renderers.components.HtmlMenuOption;
import pt.ist.renderers.components.HtmlScript;
import pt.ist.renderers.components.HtmlSimpleValueComponent;
import pt.ist.renderers.components.HtmlTextInput;
import pt.ist.renderers.components.controllers.HtmlController;
import pt.ist.renderers.components.state.IViewState;
import pt.ist.renderers.layouts.Layout;
import pt.ist.renderers.model.MetaSlot;
import pt.ist.renderers.utils.RenderUtils;

/**
 * This renderer allows you to choose one string from a list of strings by using a menu. It also 
 * offers an option to manually insert a new value through a text field.
 * <p>
 * Example: 
 * <select>
 *  <option>-</option>
 *  <option>a</option>
 *  <option>b</option>
 *  <option>c</option>
 *  <option selected="selected">other</option>
 * </select>
 * <input type="text"/>
 * 
 * @author cfgi
 */
public class StringInputMenuOptionListRenderer extends InputMenuOptionListRenderer {

    private static final String OPTION_KEY = "__other";

    private String otherSize;

    public String getOtherSize() {
	return this.otherSize;
    }

    /**
     * Allows you to specify the size of the text field that appears when
     * entering a value manually.
     * 
     * @property
     */
    public void setOtherSize(String otherSize) {
	this.otherSize = otherSize;
    }

    @Override
    protected HtmlComponent renderComponent(Layout layout, Object object, Class type) {
	String value = (String) object;
	MetaSlot slot = (MetaSlot) getInputContext().getMetaObject();

	HtmlMenu menu = (HtmlMenu) super.renderComponent(layout, object, type);
	HtmlMenuOption otherOption = createOtherOption(menu);

	HtmlHiddenField field = new HtmlHiddenField();

	HtmlTextInput other = new HtmlTextInput();
	other.setSize(getOtherSize());

	boolean otherSelected = true;
	for (HtmlMenuEntry entry : menu.getEntries()) {
	    if (entry.isSelected()) {
		other.setStyle("display: none;");
		otherSelected = false;
		break;
	    }
	}

	if (otherSelected) {
	    otherOption.setSelected(true);
	    other.setValue(value);
	}

	field.setValue(value);
	field.bind(slot);
	field.setController(new CopyController(menu, other));

	menu.setTargetSlot(null);
	menu.setName(getLocalName(slot, "menu"));
	other.setName(getLocalName(slot, "other"));

	HtmlContainer container = new HtmlBlockContainer();

	container.addChild(createSwitchScript(field, menu, other));
	container.addChild(field);
	container.addChild(menu);
	container.addChild(other);

	return container;
    }

    private HtmlMenuOption createOtherOption(HtmlMenu menu) {
	String title = RenderUtils.getResourceString("renderers.menu.other.title");
	HtmlMenuOption otherOption = menu.createOption(title);
	otherOption.setValue(OPTION_KEY);

	return otherOption;
    }

    private String getLocalName(MetaSlot slot, String name) {
	return slot.getKey().toString() + "_" + name;
    }

    private HtmlComponent createSwitchScript(HtmlHiddenField field, HtmlMenu menu, HtmlTextInput other) {
	HtmlScript script = new HtmlScript();
	script.setContentType("text/javascript");

	other.setId(other.getName());

	String name = "showOther" + hashCode();
	String body = String.format("\n" + "function %s(s, id)  {\n" + "  var e = document.getElementById(id);\n"
		+ "  if (s.value == '%s') {\n" + "    e.style.display = 'inline';\n" + "  }\n" + "  else {\n"
		+ "   e.style.display = 'none';\n" + "   e.value = '';\n" + "  }\n" + "}", name, OPTION_KEY);

	script.setScript(body);
	menu.setOnChange(String.format("%s(this, '%s')", name, other.getId()));

	return script;
    }

    public static class CopyController extends HtmlController {

	private final HtmlMenu menu;
	private final HtmlTextInput other;

	public CopyController(HtmlMenu menu, HtmlTextInput other) {
	    this.menu = menu;
	    this.other = other;
	}

	@Override
	public void execute(IViewState viewState) {
	    HtmlSimpleValueComponent hidden = (HtmlSimpleValueComponent) getControlledComponent();

	    String menuValue = menu.getValue();
	    if (menuValue == null || menuValue.equals(OPTION_KEY)) {
		String value = this.other.getValue();

		if (value != null) {
		    value = value.trim();

		    if (value.length() == 0) {
			value = null;
		    }
		}

		hidden.setValue(value);
	    } else {
		hidden.setValue(this.menu.getValue());
	    }
	}

    }
}