/**
    * This file Copyright (c) 2018 Magnolia International
    * Ltd.  (http://www.magnolia-cms.com). All rights reserved.
    *
    *
    * This file is dual-licensed under both the Magnolia
    * Network Agreement and the GNU General Public License.
    * You may elect to use one or the other of these licenses.
    *
   * This file is distributed in the hope that it will be
   * useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
   * implied warranty of MERCHANTABILITY or FITNESS FOR A
   * PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
   * Redistribution, except as permitted by whichever of the GPL
   * or MNA you select, is prohibited.
   *
   * 1. For the GPL license (GPL), you can redistribute and/or
   * modify this file under the terms of the GNU General
   * Public License, Version 3, as published by the Free Software
   * Foundation.  You should have received a copy of the GNU
   * General Public License, Version 3 along with this program;
   * if not, write to the Free Software Foundation, Inc., 51
   * Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
   *
   * 2. For the Magnolia Network Agreement (MNA), this file
   * and the accompanying materials are made available under the
   * terms of the MNA which accompanies this distribution, and
   * is available at http://www.magnolia-cms.com/mna.html
   *
   * Any modifications to this file must keep this entire header
   * intact.
   *
   */
  package info.magnolia.ui.incub;
  
  import info.magnolia.icons.MagnoliaIcons;
  import info.magnolia.ui.theme.ResurfaceTheme;
  
  import java.util.Collection;
  
  import org.slf4j.Logger;
  import org.slf4j.LoggerFactory;
  
  import com.vaadin.ui.AbstractOrderedLayout;
  import com.vaadin.ui.Alignment;
  import com.vaadin.ui.Button;
  import com.vaadin.ui.Button.ClickListener;
  import com.vaadin.ui.Component;
  import com.vaadin.ui.CustomField;
  import com.vaadin.ui.HorizontalLayout;
  import com.vaadin.ui.NativeButton;
  import com.vaadin.ui.VerticalLayout;
  
  /**
   * Generic Multi Field.
   *
   * @param <T> the multifield's generic entity type
   */
  public class MultiField<T> extends CustomField<Collection<T>> {
  
      private static final Logger log = LoggerFactory.getLogger(MultiField.class);
  
      protected AbstractOrderedLayout root;
  
      private final Button addButton = new NativeButton();
      //FIXME: Get from definition
      private String buttonCaptionAdd = "Add";
      private String buttonCaptionRemove = "Remove";
      private String buttonCaptionMoveUp = "Move Up";
      private String buttonCaptionMoveDown = "Move Down";
      private boolean isOrderable = true;
  
      @Override
      protected Component initContent() {
          // Init root layout
          root = new VerticalLayout();
          root.setStyleName("multifield");
          root.setSpacing(true);
          root.setMargin(false);
          root.setWidth(100, Unit.PERCENTAGE);
          root.setHeight(-1, Unit.PIXELS);
  
          // Init addButton
          addButton.setCaption(buttonCaptionAdd);
          addButton.addStyleName("magnoliabutton");
          addButton.addClickListener((ClickListener) event -> root.addComponent(createEntryComponent(), root.getComponentCount() - 1));
          root.addComponent(addButton);
          return root;
      }
  
      /**
       * Create a single element.<br>
       * This single element is composed of:<br>
       * - a configured field <br>
       * - a remove Button<br>
       */
      private Component createEntryComponent() {
          final HorizontalLayout layout = new HorizontalLayout();
          layout.setStyleName("controls-wrapper");
 
         // FIXME: Create field from definition
         final LinkFieldld.html#LinkField">LinkField field = new LinkField();
         field.setButtonCaptionNew("Select new");
         field.setButtonCaptionOther("Select another");
         field.getSelectButton().setDisableOnClick(true);
         field.setFieldEditable(true);
         field.setWidth(100, Unit.PERCENTAGE);
 
         layout.addComponent(field);
 
         // bind the field's property to the item
         // set layout to full width
         layout.setWidth(100, Unit.PERCENTAGE);
 
         // distribute space in favour of field over delete button
         layout.setExpandRatio(field, 1);
 
         if (isOrderable()) {
             // move up Button
             final Button moveUpButton = new Button(MagnoliaIcons.ARROW2_N);
             moveUpButton.addStyleNames(ResurfaceTheme.BUTTON_ICON, "inline");
             moveUpButton.setDescription(buttonCaptionMoveUp);
             //FIXME: Add action to move up
             moveUpButton.addClickListener((ClickListener) event -> moveUpButton.focus());
 
             // move down Button
             final Button moveDownButton = new Button(MagnoliaIcons.ARROW2_S);
             moveDownButton.addStyleNames(ResurfaceTheme.BUTTON_ICON, "inline");
             moveDownButton.setDescription(buttonCaptionMoveDown);
             //FIXME: Add action to move down
             moveDownButton.addClickListener((ClickListener) event -> moveDownButton.focus());
             layout.addComponents(moveUpButton, moveDownButton);
             // make sure button stays aligned with the field and not with the optional field label when used
             layout.setComponentAlignment(moveUpButton, Alignment.MIDDLE_CENTER);
             layout.setComponentAlignment(moveDownButton, Alignment.MIDDLE_CENTER);
         }
 
         // Delete Button
         Button deleteButton = new Button(MagnoliaIcons.CLOSE);
         deleteButton.addStyleNames(ResurfaceTheme.BUTTON_ICON, "inline");
         deleteButton.setDescription(buttonCaptionRemove);
         //FIXME: Add action to move delete
 
         layout.addComponents(deleteButton);
         layout.setComponentAlignment(deleteButton, Alignment.MIDDLE_CENTER);
 
         return layout;
     }
 
     public boolean isOrderable() {
         return isOrderable;
     }
 
     @Override
     protected void doSetValue(Collection<T> value) {
 
     }
 
     @Override
     public Collection<T> getValue() {
         return null;
     }
 }