wpdk-ui-controls.php

Go to the documentation of this file.

<?php

class WPDKUIControlType {

  const ALERT       = 'WPDKUIControlAlert';
  const BUTTON      = 'WPDKUIControlButton';
  const CHECKBOX    = 'WPDKUIControlCheckbox';
  const CHECKBOXES  = 'WPDKUIControlCheckboxes';
  const CHOOSE      = 'WPDKUIControlChoose';
  const CUSTOM      = 'WPDKUIControlCustom';
  const DATE        = 'WPDKUIControlDate';
  const DATETIME    = 'WPDKUIControlDateTime';
  const EMAIL       = 'WPDKUIControlEmail';
  const FILE        = 'WPDKUIControlFile';
  const HIDDEN      = 'WPDKUIControlHidden';
  const LABEL       = 'WPDKUIControlLabel';
  const NUMBER      = 'WPDKUIControlNumber';
  const PASSWORD    = 'WPDKUIControlPassword';
  const PARAGRAPH   = 'paragraph';
  const PHONE       = 'WPDKUIControlPhone';
  const RADIO       = 'WPDKUIControlRadio';
  const SECTION     = 'WPDKUIControlSection';
  const SELECT      = 'WPDKUIControlSelect';
  const SELECT_LIST = 'WPDKUIControlSelectList';
  const SUBMIT      = 'WPDKUIControlSubmit';
  const SWIPE       = 'WPDKUIControlSwipe';
  const SWITCHBOX   = 'WPDKUIControlSwitch';
  const TEXT        = 'WPDKUIControlText';
  const TEXTAREA    = 'WPDKUIControlTextarea';
}

class WPDKUIControl {

  const DEFAULT_SIZE_ATTRIBUTE = 30;

  const APPEND_SELECT_LIST_REMOVE = 'append_select_list_remove';

  const APPEND_SELECT_LIST_ADD = 'append_select_list_add';

  protected $attrs = array();

  protected $class = array();
  protected $data = array();
  protected $id = '';
  protected $item = '';
  protected $name = '';
  protected $style = '';
  private $_sizeForType = array();

  public function __construct( $item_control )
  {
    $this->item = $item_control;

    // Sanitize the common array key

    $this->attrs = WPDKHTMLTag::sanitizeAttributes( isset( $this->item['attrs'] ) ? $this->item['attrs'] : array() );
    $this->data  = WPDKHTMLTag::sanitizeData( isset( $this->item['data'] ) ? $this->item['data'] : array() );
    $this->class = WPDKHTMLTag::sanitizeClasses( isset( $this->item['class'] ) ? $this->item['class'] : array() );

    if ( isset( $this->item['id'] ) ) {
      $this->id = sanitize_key( $this->item['id'] );
    }
    elseif ( isset( $this->item['name'] ) ) {
      $this->id = sanitize_key( $this->item['name'] );
    }

    $this->name = isset( $this->item['name'] ) ? $this->item['name'] : '';

    // Input size attribute for specific type
    $this->_sizeForType = array(
      WPDKUIControlType::DATE     => 10,
      WPDKUIControlType::DATETIME => 16,
      WPDKUIControlType::EMAIL    => 30,
      WPDKUIControlType::NUMBER   => 10,
      WPDKUIControlType::PHONE    => 10,
      WPDKUIControlType::TEXT     => 30,
      WPDKUIControlType::PASSWORD => 30,
    );
  }

  protected function attrs() {
    $result = '';
    if ( isset( $this->item['attrs'] ) ) {
      if ( is_array( $this->item['attrs'] ) ) {
        $stack = array();
        foreach ( $this->item['attrs'] as $attr => $value ) {
          $stack[] = sprintf( ' %s="%s"', $attr, $value );
        }
        if ( !empty( $stack ) ) {
          $result = join( ' ', $stack );
        }
      }
      elseif ( is_string( $this->item['attrs'] ) ) {
        $result = $this->item['attrs'];
      }
    }
    return $result;
  }

  protected function data()
  {
    $result = '';
    if ( isset( $this->item['data'] ) && !empty( $this->item['data'] ) ) {
      $result = WPDKHTMLTag::dataInline( $this->item['data'] );
    }
    return $result;
  }

  protected function classes()
  {
    $result = '';
    if ( isset( $this->item['class'] ) && !empty( $this->item['class'] ) ) {
      $result = WPDKHTMLTag::classInline( $this->item['class'] );
    }
    return $result;
  }

  public function display()
  {
    echo $this->html();
  }

  public function draw()
  {
    die( __METHOD__ . ' must be override in your subclass' );
  }

  public function html()
  {
    WPDKHTML::startCompress();

    echo $this->contentWithKey( 'before' );

    $this->draw();

    echo $this->contentWithKey( 'after' );

    $html = ob_get_contents();
    ob_end_clean();

    return $html;
  }

  protected function contentWithKey( $key )
  {

    $result = '';

    /*
     * Append predefined content
     *
     *     'append'  => WPDKUIControl::APPEND_SELECT_LIST_REMOVE
     * OR
     *     'append'  => array( WPDKUIControl::APPEND_SELECT_LIST_REMOVE, 'Remove' )
     * OR
     *     'append'  => array( WPDKUIControl::APPEND_SELECT_LIST_ADD, 'destination_select' )
     * OR
     *     'append'  => array( WPDKUIControl::APPEND_SELECT_LIST_ADD, 'destination_select', 'Add' )
     *
     */
    if ( 'append' == $key && !empty( $this->item['append'] ) ) {
      $append = array_merge( (array)$this->item['append'], array(0,0,0) );

      list( $code, $destination_select, $label ) = $append;

      switch ( $code ) {

        case WPDKUIControl::APPEND_SELECT_LIST_REMOVE:
          $label                = empty( $destination_select ) ? __( 'Remove', WPDK_TEXTDOMAIN ) : $destination_select;
          $this->item['append'] = '<input data-remove_from="' . $this->item['id'] .
            '" class="wpdk-form-button wpdk-form-button-remove button-secondary" style="vertical-align:top" type="button" value="' .
            $label . '" />';
          break;

        case WPDKUIControl::APPEND_SELECT_LIST_ADD:
          if ( !empty( $destination_select ) ) {
            $label                = empty( $label ) ? __( 'Add', WPDK_TEXTDOMAIN ) : $label;
            $this->item['append'] =
              '<input type="button" data-copy="' . $this->item['name'] . '" data-paste="' . $destination_select .
              '" class="wpdk-form-button wpdk-form-button-copy-paste button-secondary" value="' . $label . '" />';
          }
          break;
      }
    }

    if ( isset( $this->item[$key] ) ) {
      $content = $this->item[$key];
      if ( is_object( $content ) && is_a( $content, 'WPDKUIControl' ) ) {
        $result = $content->html();
      }
      elseif ( is_array( $content ) && isset( $content['type'] ) ) {
        $class_name = $content['type'];
        $control    = new $class_name( $content );
        $result     = $control->html();
      }
      elseif ( is_string( $content ) ) {
        $result = $content;
      }
      elseif( is_callable( $content ) ) {
        $result = call_user_func( $content, $this->item );
      }
    }
    return $result;
  }

  protected function inputType( $type = WPDKHTMLTagInputType::TEXT, $class = '' )
  {

    echo $this->contentWithKey( 'prepend' );

    // Create the label
    $label = $this->label();

    // Display right label
    echo is_null( $label ) ? '' : $label->html();

    $input               = new WPDKHTMLTagInput( '', $this->name, $this->id );
    $input->type         = $type;
    $input->class        = WPDKHTMLTag::mergeClasses( $this->class, $class, 'wpdk-form-input wpdk-ui-control' );
    $input->style        = WPDKHTMLTag::styleInline( isset( $this->item['style'] ) ? $this->item['style'] : '' );
    $input->data         = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input->value        = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $input->autocomplete = isset( $this->item['autocomplete'] ) ? $this->item['autocomplete'] : null;
    $input->disabled     = isset( $this->item['disabled'] ) ? $this->item['disabled'] ? 'disabled' : null : null;
    $input->readonly     = isset( $this->item['readonly'] ) ? $this->item['readonly'] ? 'readonly' : null : null;
    $input->required     = isset( $this->item['required'] ) ? $this->item['required'] ? 'required' : null : null;

    if ( WPDKHTMLTagInputType::HIDDEN != $type ) {
      $input->size        = isset( $this->item['size'] ) ? $this->item['size'] : $this->sizeForType( $this->item['type'] );
      $input->title       = isset( $this->item['title'] ) ? $this->item['title'] : '';
      $input->placeholder = isset( $this->item['placeholder'] ) ? $this->item['placeholder'] : '';
    }

    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    if ( isset( $this->item['locked'] ) && true == $this->item['locked'] ) {
      $input->readonly = 'readonly';
    }

    // Add a clear field button only
    if ( in_array( $this->item['type'], array( WPDKUIControlType::DATE, WPDKUIControlType::DATETIME ) ) ) {
      $span_clear = new WPDKHTMLTagSpan();
      $span_clear->class[] = 'wpdk-form-clear-left';
      $span_clear->content = $input->html() . WPDKGlyphIcons::html( WPDKGlyphIcons::CANCEL_CIRCLED );
      $span_clear->display();
    } else {
      $input->display();
    }

    if ( isset( $this->item['locked'] ) && true == $this->item['locked'] ) {
      printf( '<span title="%s" class="wpdk-form-locked wpdk-has-tooltip"></span>', __( 'This field is locked for your security. However you can unlock just by click here.', WPDK_TEXTDOMAIN ) );
    }

    echo $this->contentWithKey( 'append' );

    echo ' ' . $this->guide();
  }

  protected function label()
  {

    if ( !isset( $this->item['label'] ) || empty( $this->item['label'] ) ) {
      return null;
    }

    $content = '';

    if ( is_string( $this->item['label'] ) ) {
      $content = trim( $this->item['label'] );
    }
    elseif ( is_array( $this->item['label'] ) ) {
      $content = trim( $this->item['label']['value'] );
    }

    $before_label = isset( $this->item['beforelabel'] ) ? $this->item['beforelabel'] : '';
    $after_label  = isset( $this->item['afterlabel'] ) ? $this->item['afterlabel'] : '';

    // Special behavior (before) for these controls
    switch ( $this->item['type'] ) {

      case WPDKUIControlType::CHECKBOX:
        $after_label = isset( $this->item['afterlabel'] ) ? $this->item['afterlabel'] : '';
        break;

      case WPDKUIControlType::SWIPE:
        if ( isset( $this->item['label_placement'] ) && 'right' == $this->item['label_placement'] ) {
          $after_label = isset( $this->item['afterlabel'] ) ? $this->item['afterlabel'] : '';
        }
        break;

      default:
        if ( empty( $content ) ) {
          $after_label = isset( $this->item['afterlabel'] ) ? $this->item['afterlabel'] : '';
        }
        break;
    }

    // Create the lable
    $label      = new WPDKHTMLTagLabel( $before_label . $content . $after_label );
    $label->for = $this->id;
    $label->class[] = 'wpdk-has-tooltip';
    $label->class[] = 'wpdk-form-label';
    $label->class[] = 'wpdk-ui-control';

    if ( is_array( $this->item['label'] ) ) {
      $label->data  = isset( $this->item['label']['data'] ) ? $this->item['label']['data'] : '';
      $label->style = isset( $this->item['label']['style'] ) ? $this->item['label']['style'] : '';
      $label->setPropertiesByArray( isset( $this->item['label']['attrs'] ) ? $this->item['label']['attrs'] : '' );
    }

    // Special behavior (after) for these controls
    switch ( $this->item['type'] ) {
      case WPDKUIControlType::CHECKBOX:
        $label->class[] = 'wpdk-form-checkbox';
        $label->class[] = 'wpdk-ui-control';
        break;

      case WPDKUIControlType::SWITCHBOX:
        if ( !isset( $this->item['label_placement'] ) || 'left' == $this->item['label_placement'] ) {
          $label->class[] = 'wpdk-form-switch-left';
        }
        $label->data = $this->item['data'];
        break;

      case WPDKUIControlType::SWIPE:
        if ( isset( $this->item['label_placement'] ) && 'right' == $this->item['label_placement'] ) {
          $label->class = str_replace( 'wpdk-has-tooltip', 'wpdk-form-label-inline', $label->class );
        }
        break;

      case WPDKUIControlType::TEXTAREA:
      case WPDKUIControlType::SELECT_LIST:
        $label->class[] = 'wpdk-form-label-top';
        break;
    }

    $label->title = isset( $this->item['title'] ) ? $this->item['title'] : '';

    return $label;
  }

  private function sizeForType( $type ) {
    if ( !empty( $type ) && isset( $this->_sizeForType[$type] ) && !empty( $this->_sizeForType[$type] ) ) {
      return $this->_sizeForType[$type];
    }
    return self::DEFAULT_SIZE_ATTRIBUTE;
  }

  protected function guide() {
    $result = '';
    if ( isset( $this->item['guide'] ) && !empty( $this->item['guide'] ) ) {
      $guide = $this->item['guide'];

      /* Standard assets. */
      $button_title = __( 'Guide', WPDK_TEXTDOMAIN );

      /* Title of modal window. */
      $title = __( 'Guide', WPDK_TEXTDOMAIN );

      /* Tooltip. */
      $tooltip = __( 'Open the guide', WPDK_TEXTDOMAIN );

      /* Simple guide link: 'unique uri' */
      if ( is_string( $guide ) ) {
        return sprintf( '<a href="%s" data-title="%s" class="wpdk-guide wpdk-has-tooltip" title="%s">%s</a>', $guide, $title, $tooltip, $button_title );
      }

      /* Array args guide: array( 'Title of modal', 'unique uri' ) */
      if ( is_array( $guide ) && is_numeric( key( $guide ) ) ) {
        $title = $guide[0];
        $uri   = $guide[1];
        return sprintf( '<a href="%s" data-title="%s" class="wpdk-guide wpdk-has-tooltip" title="%s">%s</a>', $uri, $title, $tooltip, $button_title );
      }

      /*
       * Array args guide:
       *
       * array(
       *      'title'   => 'Title of modal',
       *      'uri'     => 'unique uri',
       *      'button'  => 'Button label',
       *      'tooltip' => 'Title tooltips',
       *      'classes' => 'Additional css classes'
       * );
       *
       */
      if ( is_array( $guide ) && !empty( $guide['uri'] ) ) {
        $uri          = $guide['uri'];
        $title        = isset( $guide['title'] ) ? $guide['title'] : $title;
        $button_title = isset( $guide['button'] ) ? $guide['button'] : $button_title;
        $tooltip      = isset( $guide['tooltip'] ) ? $guide['tooltip'] : $tooltip;
        $classes      = isset( $guide['classes'] ) ? $guide['classes'] : '';

        return sprintf( '<a href="%s" data-title="%s" class="wpdk-guide wpdk-has-tooltip %s" title="%s">%s</a>', $uri, $title, $classes, $tooltip, $button_title );
      }

      $result = '<span>[#internal error - wrong guide]</span>';
    }

    return $result;
  }

}

class WPDKUIControlAlert extends WPDKUIControl {

  public function draw()
  {
    $value      = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $title      = isset( $this->item['title'] ) ? $this->item['title'] : '';
    $alert_type = isset( $this->item['alert_type'] ) ? $this->item['alert_type'] : WPDKTwitterBootstrapAlertType::INFORMATION;

    $alert                = new WPDKTwitterBootstrapAlert( $this->id, $value, $alert_type, $title );
    $alert->dismissButton = isset( $this->item['dismiss_button'] ) ? $this->item['dismiss_button'] : true;
    $alert->class         = isset( $this->item['classes'] ) ? $this->item['classes'] : isset( $this->item['class'] ) ? $this->item['class'] : '';

    echo $this->contentWithKey( 'prepend' );

    $alert->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlButton extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::BUTTON;
    parent::__construct( $item );
  }

  public function draw()
  {
    echo $this->contentWithKey( 'prepend' );

    // Since 1.4.21
    if ( isset( $this->item['content'] ) ) {
      $button          = new WPDKHTMLTagButton( $this->item['content'] );
      $button->class   = $this->class;
      $button->class[] = 'wpdk-form-button';
      $button->class[] = 'wpdk-ui-control';
      $button->id      = isset( $this->item['id'] ) ? $this->item['id'] : '';
      $button->name    = isset( $this->item['name'] ) ? $this->item['name'] : '';
      $button->data    = isset( $this->item['data'] ) ? $this->item['data'] : '';
      $button->value   = isset( $this->item['value'] ) ? $this->item['value'] : '';
      $button->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );
    }

    // Backward compatibility - deprecated - will be remove asap
    else {
      $button        = new WPDKHTMLTagInput( '', $this->name, $this->id );
      $button->type  = WPDKHTMLTagInputType::BUTTON;
      $button->class = $this->class;
      $button->data  = isset( $this->item['data'] ) ? $this->item['data'] : '';
      $button->value = isset( $this->item['value'] ) ? $this->item['value'] : '';
      $button->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );
    }
    $button->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlCheckbox extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::CHECKBOX;
    parent::__construct( $item );
  }

  public function draw() {
    echo $this->contentWithKey( 'prepend' );

    /* Create the label. */
    $label = $this->label();

    $input          = new WPDKHTMLTagInput( '', $this->name, $this->id );
    $input->type    = WPDKHTMLTagInputType::CHECKBOX;
    $input->class   = $this->class;
    $input->class[] = 'wpdk-form-checkbox';
    $input->class[] = 'wpdk-ui-control';
    $input->data    = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input->value   = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $input->title   = isset( $this->item['title'] ) ? $this->item['title'] : '';
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    if ( isset( $this->item['checked'] ) ) {
      if ( $input->value === $this->item['checked'] ) {
        $input->checked = 'checked';
      }
    }

    $input->display();

    /* Display right label. */
    echo is_null( $label ) ? '' : $label->html();

    echo $this->contentWithKey( 'append' );

    echo ' ' . $this->guide();
  }

}

class WPDKUIControlCheckboxes extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::CHECKBOXES;
    parent::__construct( $item );
  }

  public function draw()
  {
    echo $this->contentWithKey( 'prepend' );

    if ( isset( $this->item['list'] ) && !empty( $this->item['list'] ) && is_array( $this->item['list'] ) ) {
      $content = '';
      foreach ( $this->item['list'] as $checkbox ) {
        /*
         * @todo Introducing the indent by checcking $checkbox['list']
         */
        $checkbox['type'] = WPDKUIControlType::CHECKBOX;
        $cb = new WPDKUIControlCheckbox( $checkbox );
        $content .= $cb->html();
      }

      if ( isset( $this->item['label'] ) && !empty( $this->item['label'] ) ) {
        $field_set = new WPDKHTMLTagFieldset( $content, $this->item['label'] );
        $field_set->display();
      }
      else {
        echo $content;
      }

      echo $this->contentWithKey( 'append' );

      echo ' ' . $this->guide();
    }
  }

}

class WPDKUIControlChoose extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::CHOOSE;
    parent::__construct( $item );
  }

  public function draw() {
    echo $this->contentWithKey( 'prepend' );

    $input_hidden        = new WPDKHTMLTagInput( '', $this->name, $this->id );
    $input_hidden->type  = WPDKHTMLTagInputType::HIDDEN;
    $input_hidden->data  = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input_hidden->value = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $input_hidden->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $input_button          = new WPDKHTMLTagInput( '', '', 'wpdk-form-choose-button_' . $this->id );
    $input_button->type    = WPDKHTMLTagInputType::BUTTON;
    $input_button->class[] = 'wpdk-form-choose-button';
    $input_button->value   = '...';

    /* Create the span container. */
    $span_inner          = new WPDKHTMLTagSpan();
    $span_inner->title   = isset( $this->item['title'] ) ? $this->item['title'] : '';
    $hide_class          = isset( $this->item['label'] ) ? $this->item['label'] : '';
    $span_inner->class   = $this->class;
    $span_inner->class[] = 'wpdk-form-choose-label';
    $span_inner->class[] = $hide_class;

    $content = $input_hidden->html() . $span_inner->html() . $input_button->html();

    /* Create the span container. */
    $span          = new WPDKHTMLTagSpan( $content );
    $span->class[] = 'wpdk-form-choose wpdk-control-choose';

    $span->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlCustom extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::CUSTOM;
    parent::__construct( $item );
  }

  public function draw() {
    $content = '';
    if ( isset( $this->item['content'] ) ) {
      if ( is_callable( $this->item['content'] ) ) {
        if ( isset( $this->item['param'] ) ) {
          $content = call_user_func( $this->item['content'], $this->item['param'] );
        }
        else {
          $content = call_user_func( $this->item['content'] );
        }
      }
      elseif ( is_string( $this->item['content'] ) ) {
        $content = $this->item['content'];
      }
    }
    echo $content;
  }
}

class WPDKUIControlDate extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::DATE;
    parent::__construct( $item );
  }

  public function draw()
  {
    $this->inputType( WPDKHTMLTagInputType::TEXT, 'wpdk-form-date wpdk-form-has-button-clear-left ' );
  }

}

class WPDKUIControlDateTime extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::DATETIME;
    parent::__construct( $item );
  }

  public function draw()
  {
    $this->inputType( WPDKHTMLTagInputType::TEXT, 'wpdk-form-datetime wpdk-form-has-button-clear-left ' );
  }

}

class WPDKUIControlEmail extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::EMAIL;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::TEXT, 'wpdk-form-email' );
  }

}

class WPDKUIControlFile extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::FILE;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::FILE, 'wpdk-form-file' );
  }

}

class WPDKUIControlHidden extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::HIDDEN;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::HIDDEN );
  }

}

class WPDKUIControlLabel extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::LABEL;
    parent::__construct( $item );
  }

  public function draw()
  {
    echo $this->contentWithKey( 'prepend' );

    $value = isset( $this->item['value'] ) ? $this->item['value'] : '';

    $label          = new WPDKHTMLTagLabel( $value, $this->name, $this->id );
    $label->class   = $this->class;
    $label->class[] = 'wpdk-form-label-inline';
    $label->data    = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $label->style   = isset( $this->item['style'] ) ? $this->item['style'] : '';
    $label->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $label->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlNumber extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::NUMBER;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::NUMBER, 'wpdk-form-number' );
  }

}

class WPDKUIControlPassword extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::PASSWORD;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::PASSWORD, 'wpdk-form-password' );
  }

}

// TODO Paragraph

class WPDKUIControlPhone extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::PHONE;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::TEL, 'wpdk-form-phone' );
  }

}

class WPDKUIControlRadio extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::RADIO;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::RADIO, 'wpdk-form-radio' );
  }

}

class WPDKUIControlSection extends WPDKUIControl {
  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::SELECT;
    parent::__construct( $item );
  }

  public function draw() {
    /* Nothing to display. */
  }
}

class WPDKUIControlSelect extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::SELECT;
    parent::__construct( $item );
  }

  public function draw()
  {

    echo $this->contentWithKey( 'prepend' );

    // Create the label
    $label = $this->label();

    // Display right label
    echo is_null( $label ) ? '' : $label->html();

    $input              = new WPDKHTMLTagSelect( $this->item['options'], $this->name, $this->id );
    $input->class       = $this->class;
    $input->class[]     = 'wpdk-form-select';
    $input->class[]     = 'wpdk-ui-control';
    $input->_first_item = isset( $this->item['first_item'] ) ? $this->item['first_item'] : '';
    $input->data        = isset( $this->item['data'] ) ? $this->item['data'] : array();
    $input->style       = isset( $this->item['style'] ) ? $this->item['style'] : null;
    $input->multiple    = isset( $this->item['multiple'] ) ? $this->item['multiple'] : null;
    $input->size        = isset( $this->item['size'] ) ? $this->item['size'] : null;
    $input->disabled    = isset( $this->item['disabled'] ) ? $this->item['disabled'] ? 'disabled' : null : null;
    $input->value       = isset( $this->item['value'] ) ? $this->item['value'] : array();
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $input->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlSelectList extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::SELECT_LIST;
    parent::__construct( $item );
  }

  public function draw()
  {
    echo $this->contentWithKey( 'prepend' );

    // Create the label
    $label = $this->label();

    // Display right label
    echo is_null( $label ) ? '' : $label->html();

    $input           = new WPDKHTMLTagSelect( $this->item['options'], $this->name, $this->id );
    $input->class    = $this->class;
    $input->class[]  = 'wpdk-form-select';
    $input->class[]  = 'wpdk-form-select-size';
    $input->class[]  = 'wpdk-ui-control';
    $input->data     = isset( $this->item['data'] ) ? $this->item['data'] : array();
    $input->style    = isset( $this->item['style'] ) ? $this->item['style'] : null;
    $input->multiple = 'multiple';
    $input->size     = isset( $this->item['size'] ) ? $this->item['size'] : 5;
    $input->value    = isset( $this->item['value'] ) ? $this->item['value'] : array();
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $input->display();

    echo $this->contentWithKey( 'append' );
  }

}

class WPDKUIControlSubmit extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::SUBMIT;
    parent::__construct( $item );
  }

  public function draw() {
    echo $this->contentWithKey( 'prepend' );

    $label = $this->label();

    /* Display right label. */
    echo is_null( $label ) ? '' : $label->html();

    $input        = new WPDKHTMLTagInput( '', $this->name, $this->id );
    $input->type  = WPDKHTMLTagInputType::SUBMIT;
    $input->class = $this->class;
    $input->data  = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input->value = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $input->display();

    echo $this->contentWithKey( 'append' );
  }
}

class WPDKUIControlSwipe extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::SWIPE;
    parent::__construct( $item );
  }

  public function draw()
  {

    // since 1.5.0 - check for popover
    $popover = false;
    if ( isset( $this->item['popover'] ) && is_a( $this->item['popover'], 'WPDKUIPopover' ) ) :

      $popover = $this->item['popover']; ?>

      <div class='wpdk-has-popover wpdk-popover-container'
      data-title='<?php echo $popover->title() ?>'
      data-content='<?php echo esc_attr( $popover->content() ) ?>'
      data-placement='<?php echo $popover->placement ?>'
      data-trigger='<?php echo $popover->trigger ?>'
      data-html='<?php echo $popover->html ? 'true' : 'false' ?>'
      data-animation='<?php echo $popover->animation ? 'true' : 'false' ?>'
      data-container='<?php echo $popover->container ?>'
      data-delay='<?php echo empty( $popover->delay ) ? 0 : json_encode( $popover->delay ) ?>'>
    <?php endif;

    echo $this->contentWithKey( 'prepend' );

    // Create the label
    $label = $this->label();

    // Display left label
    if ( !isset( $this->item['label_placement'] ) || 'left' == $this->item['label_placement'] ) {
      echo is_null( $label ) ? '' : $label->html();
    }

    $input_hidden        = new WPDKHTMLTagInput( '', $this->name, 'wpdk-swipe-' . $this->id );
    $input_hidden->type  = WPDKHTMLTagInputType::HIDDEN;
    $input_hidden->value = isset( $this->item['value'] ) ? $this->item['value'] : '';

    $status = wpdk_is_bool( $this->item['value'] ) ? 'wpdk-form-swipe-on' : '';

    $swipe          = new WPDKHTMLTagSpan( '<span></span>' . $input_hidden->html() );
    $class          = isset( $this->item['class'] ) ?  $this->item['class'] : '';
    $swipe->class   = WPDKHTMLTag::mergeClasses( $class,  'wpdk-form-swipe ' . $status );
    $swipe->id      = $this->id;
    $swipe->data    = isset( $this->item['data'] ) ? $this->item['data'] : array();

    if ( isset( $this->item['userdata'] ) ) {
      $swipe->data['userdata'] = esc_attr( $this->item['userdata'] );
    }

    // Title and tooltip
    $swipe->title = isset( $this->item['title'] ) ? $this->item['title'] : '';
    if ( !empty( $swipe->title ) ) {
      $swipe->class[] = 'wpdk-has-tooltip';
    }

    $swipe->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $swipe->display();

    // Display right label
    if ( isset( $this->item['label_placement'] ) && 'right' == $this->item['label_placement'] ) {
      echo is_null( $label ) ? '' : $label->html();
    }

    echo $this->contentWithKey( 'append' );

    if( $popover ) {
      echo '</div>';
    }
  }
}

class WPDKUIControlSwitch extends WPDKUIControl {

  public function __construct( $item )
  {
    $item['type'] = WPDKUIControlType::SWITCHBOX;
    parent::__construct( $item );
  }

  public function draw()
  {
    echo $this->contentWithKey( 'prepend' );

    $input          = new WPDKHTMLTagInput( '', $this->name, $this->id );
    $input->type    = WPDKHTMLTagInputType::CHECKBOX;
    $input->class   = $this->class;
    $input->class[] = 'wpdk-form-switch';
    $input->class[] = 'wpdk-ui-control';
    $input->data    = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input->value   = isset( $this->item['value'] ) ? $this->item['value'] : '';
    $input->title   = isset( $this->item['title'] ) ? $this->item['title'] : '';
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    if ( isset( $this->item['checked'] ) ) {
      if ( $input->value === $this->item['checked'] ) {
        $input->checked = 'checked';
      }
    }

    $input->display();

    /* Create the label. */
    $label = $this->label();
    $label->display();

    echo $this->contentWithKey( 'append' );

    echo ' ' . $this->guide();
  }
}

class WPDKUIControlText extends WPDKUIControl {
  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::TEXT;
    parent::__construct( $item );
  }

  public function draw() {
    $this->inputType( WPDKHTMLTagInputType::TEXT );
  }
}

class WPDKUIControlTextarea extends WPDKUIControl {

  public function __construct( $item ) {
    $item['type'] = WPDKUIControlType::TEXTAREA;
    parent::__construct( $item );
  }

  public function draw() {
    echo $this->contentWithKey( 'prepend' );

    /* Create the label. @todo usually you like set this label on the top. */
    $label = $this->label();

    /* Display right label. */
    echo is_null( $label ) ? '' : $label->html();

    $content = isset( $this->item['value'] ) ? $this->item['value'] : '';

    $input              = new WPDKHTMLTagTextarea( $content, $this->name, $this->id );
    $input->class       = $this->class;
    $input->class[]     = 'wpdk-form-textarea';
    $input->class[]     = 'wpdk-ui-control';
    $input->data        = isset( $this->item['data'] ) ? $this->item['data'] : '';
    $input->content     = $content;
    $input->cols        = isset( $this->item['cols'] ) ? $this->item['cols'] : '10';
    $input->rows        = isset( $this->item['rows'] ) ? $this->item['rows'] : '4';
    $input->disabled    = isset( $this->item['disabled'] ) ? $this->item['disabled'] ? 'disabled' : null : null;
    $input->placeholder = isset( $this->item['placeholder'] ) ? $this->item['placeholder'] : null;
    $input->setPropertiesByArray( isset( $this->item['attrs'] ) ? $this->item['attrs'] : '' );

    $input->display();

    echo $this->contentWithKey( 'append' );
  }
}

class WPDKUIControlsLayout {

  private $_cla;

  public function __construct( $cla )
  {
    $this->_cla = $cla;
  }

  public static function init( $cla )
  {
    return new self( $cla );
  }

  public static function item( $item )
  {
    ob_start();
    self::_processItem( $item );
    $content = ob_get_contents();
    ob_end_clean();
    return $content;
  }

  private function _processItem( $item )
  {
    $class_name = isset( $item['type'] ) ? $item['type'] : '';
    if ( !empty( $class_name ) && class_exists( $class_name ) ) {
      $control = new $class_name( $item );
      $control->display();
    }
  }

  public function display()
  {
    echo $this->html();
  }

  public function html()
  {
    // Buffering...
    WPDKHTML::startCompress();

    foreach ( $this->_cla as $key => $value ) : ?>

      <fieldset class="wpdk-form-fieldset wpdk-ui-control">
        <legend><?php echo $key ?></legend>
        <div class="wpdk-fieldset-container">
          <?php $this->_processRows( $value ) ?>
        </div>
      </fieldset>

    <?php endforeach;

    return WPDKHTML::endCompress();
  }

  private function _processRows( $rows )
  {
    foreach ( $rows as $item ) {
      if ( is_string( $item ) && !empty( $item ) ) {
        ?>
        <div class="wpdk-form-description"><?php echo $item ?></div><?php
      }
      elseif ( isset( $item['type'] ) ) {
        $this->_processItem( $item );
      }
      elseif ( isset( $item['container'] ) ) {
        echo apply_filters( 'wpdk_form_html_group_before', $this->container( $item ), $item );
        $this->_processRows( $item['container'] );
        echo apply_filters( 'wpdk_form_html_group_after', '</div>', $item );
      }
      elseif ( !empty( $item ) ) {
        echo apply_filters( 'wpdk_form_html_row_before', '<div class="wpdk-form-row">', $item );
        $this->_processRows( $item );
        echo apply_filters( 'wpdk_form_html_row_after', '</div>', $item );
      }
    }
  }

  private function container( $item )
  {
    $class = isset( $item['class'] ) ? $item['class'] : '';
    return sprintf( '<div class="%s">', $class );
  }

}