<?php
/**
 * Elements for clone
 *
 * @package     Wow_Plugin
 * @copyright   Copyright (c) 2018, Dmytro Lobov
 * @license     http://opensource.org/licenses/gpl-2.0.php GNU Public License
 * @since       1.0
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

include_once( 'settings/clone.php' );
?>

<fieldset class="itembox" id="adding-menu-1">
  <legend>
    <?php esc_attr_e( 'Item ', 'side-menu' ); ?> <span class="item"></span>
  </legend>
  <div class="control">
    <span class="dashicons dashicons-move"></span>
    <span class="dashicons dashicons-minus toogle"></span>
    <span class="dashicons dashicons-plus toogle"></span>
    <span class="dashicons dashicons-no-alt item-del"></span>
  </div>
  <div class="menu_block">
    <div class="container">
      <div class="element">
        <?php esc_attr_e( 'Icon', 'side-menu' ); ?>
        ( <?php esc_attr_e( 'custom', 'side-menu' ); ?>
        <?php echo self::option( $menu_1_item_custom ); ?> )
        <br/>
        <?php echo self::option( $menu_1_item_icon ); ?>
        <?php echo self::option( $menu_1_item_custom_link ); ?>

      </div>
      <div class="element">
        <?php esc_attr_e( 'Label Text', 'side-menu' ); ?>
        <br/>
        <?php echo self::option( $menu_1_item_tooltip ); ?>
      </div>
      <div class="element">
        <?php echo self::option( $menu_1_hold_open ); ?>
        <?php esc_attr_e( 'Hold open', 'side-menu' ); ?>
      </div>
    </div>
    <div class="container">
      <div class="element">
        <?php esc_attr_e( 'Item type', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_item_type ); ?>
      </div>
      <div class="element type-param">
        <div class="type-link">
          <span class="type-link-text">Link</span>
          <br/>
          <?php echo self::option( $menu_1_item_link ); ?>
        </div>
        <div class="type-share">
          <?php esc_attr_e( 'Social Networks', 'side-menu' ); ?><br/>
          <?php echo self::option( $menu_1_item_share ); ?>
        </div>
        <div class="type-modal">
          <?php esc_attr_e( 'Enter value', 'side-menu' ); ?>: <br/>
          <?php echo self::option( $menu_1_item_modal ); ?>
          <?php esc_attr_e( '(e.g.: wow-modal-id-1)', 'side-menu' ); ?>
        </div>
      </div>
      <div class="element type-link-blank">
        <?php echo self::option( $menu_1_new_tab ); ?>
        <?php esc_attr_e( 'Open in new window', 'side-menu' ); ?>
      </div>
    </div>

    <div class="container">
      <div class="element">
        <?php esc_attr_e( 'Font Сolor', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_color ); ?>
      </div>
      <div class="element">
        <?php esc_attr_e( 'Icon Сolor', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_iconcolor ); ?>
      </div>
      <div class="element">
        <?php esc_attr_e( 'Background', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_bcolor ); ?>
      </div>
    </div>

    <div class="container">
      <div class="element">
        <?php esc_attr_e( 'Background Hover', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_hbcolor ); ?>
      </div>
      <div class="element">
        <?php esc_attr_e( 'ID for element', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_button_id ); ?>
      </div>
      <div class="element">
        <?php esc_attr_e( 'Class for element', 'side-menu' ); ?><br/>
        <?php echo self::option( $menu_1_button_class ); ?>
      </div>

    </div>
  </div>
</fieldset>
