<?php
/**
 * Main Settings
 *
 * @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/main.php' );

?>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Position', 'side-menu' ); ?><?php echo self::tooltip( $menu_help ); ?><br/>
	  <?php echo self::option( $menu ); ?>

	</div>
	<div class="element">
	  <?php esc_attr_e( 'Vertical alignment', 'side-menu' ); ?><?php echo self::tooltip( $align_help ); ?><br/>
	  <?php echo self::option( $align ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Offset', 'side-menu' ); ?><?php echo self::tooltip( $margin_help ); ?><br/>
	  <?php echo self::option( $margin ); ?>
	</div>
</div>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Item Height', 'side-menu' ); ?><?php echo self::tooltip( $height_help ); ?><br/>
	  <?php echo self::option( $height ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Space between items', 'side-menu' ); ?><?php echo self::tooltip( $gap_help ); ?><br/>
	  <?php echo self::option( $gap ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Shadow', 'side-menu' ); ?><?php echo self::tooltip( $shadow_help ); ?><br/>
	  <?php echo self::option( $shadow ); ?>
	</div>
</div>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Font size', 'side-menu' ); ?><?php echo self::tooltip( $fontsize_help ); ?><br/>
	  <?php echo self::option( $fontsize ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Font style', 'side-menu' ); ?><br/>
	  <?php echo self::option( $fontstyle ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Font weight', 'side-menu' ); ?><br/>
	  <?php echo self::option( $fontweight ); ?>
	</div>
</div>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Icon size', 'side-menu' ); ?><?php echo self::tooltip( $iconsize_help ); ?><br/>
	  <?php echo self::option( $iconsize ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Z-index', 'side-menu' ); ?><?php echo self::tooltip( $zindex_help ); ?>
	  <?php echo self::option( $zindex ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Border width', 'side-menu' ); ?><?php echo self::tooltip( $bwidth_help ); ?><br/>
	  <?php echo self::option( $bwidth ); ?>
	</div>
</div>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Top border radius', 'side-menu' ); ?><?php echo self::tooltip( $bradiustop_help ); ?><br/>
	  <?php echo self::option( $bradiustop ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Bottom border radius', 'side-menu' ); ?><?php echo self::tooltip( $bradiusbottom_help ); ?>
		<br/>
	  <?php echo self::option( $bradiusbottom ); ?>
	</div>
	<div class="element">
	  <?php esc_attr_e( 'Border color', 'side-menu' ); ?><?php echo self::tooltip( $bcolor_help ); ?><br/>
	  <?php echo self::option( $bcolor ); ?>
	</div>
</div>

<div class="container">
	<div class="element">
	  <?php esc_attr_e( 'Connect all Items', 'side-menu' ); ?><?php echo self::tooltip( $connect_help ); ?><br/>
	  <?php echo self::option( $connect ); ?>
	</div>
	<div class="element hold-open">
		<?php echo self::option( $hold_open ); ?> <?php esc_attr_e( 'Hold open', 'side-menu' ); ?>
	</div>
	<div class="element">

	</div>
</div>


