<?php
/*
 * Page Name: Style
 */

use FlexiMenu\Admin\CreateFields;

defined( 'ABSPATH' ) || exit;

$page_opt = include( 'options/2.style.php' );
$field    = new CreateFields( $options, $page_opt );

$item_open = ! empty( $options['item_open']['appearance'] ) ? 1 : 0;
$open      = ! empty( $item_open ) ? ' open' : '';
?>
<details class="wpie-item wpie-menu-style"<?php echo esc_attr( $open ); ?>>
    <input type="hidden" name="param[item_open][appearance]" class="wpie-item__toggle" value="<?php
	echo absint( $item_open ); ?>">
    <summary class="wpie-item_heading">
        <span class="wpie-item_heading_icon">
	        <span class="wpie-icon wpie_icon-pointer"></span>
        </span>
        <span class="wpie-item_heading_label">
	        <?php esc_html_e( 'Menu appearance', 'flexi-menu'  ); ?>
        </span>
        <span class="wpie-item_heading_type"></span>
        <span class="wpie-item_heading_toogle">
        <span class="wpie-icon wpie_icon-chevron-down"></span>
        <span class="wpie-icon wpie_icon-chevron-up "></span>
    </span>
    </summary>
    <div class="wpie-item_content">

        <div class="wpie-fieldset">
            <div class="wpie-fields">
	            <?php $field->create( 'menu_inline' ); ?>
	            <?php $field->create( 'menu_icon' ); ?>
	            <?php $field->create( 'menu_reverse' ); ?>
	            <?php $field->create( 'menu_min_w' ); ?>
	            <?php $field->create( 'menu_bg' ); ?>
	            <?php $field->create( 'menu_shadow' ); ?>
	            <?php $field->create( 'menu_radius' ); ?>
	            <?php $field->create( 'items_gap' ); ?>
	            <?php $field->create( 'menu_padding_block' ); ?>
	            <?php $field->create( 'menu_padding_inline' ); ?>
	            <?php $field->create( 'menu_offset_block' ); ?>
	            <?php $field->create( 'menu_offset_inline' ); ?>
            </div>
        </div>
    </div>
</details>


<?php
$item_open = ! empty( $options['item_open']['menu_link'] ) ? 1 : 0;
$open      = ! empty( $item_open ) ? ' open' : '';
?>
<details class="wpie-item wpie-menu-style"<?php echo esc_attr( $open ); ?>>
    <input type="hidden" name="param[item_open][menu_link]" class="wpie-item__toggle" value="<?php
	echo absint( $item_open ); ?>">
    <summary class="wpie-item_heading">
        <span class="wpie-item_heading_icon">
	        <span class="wpie-icon wpie_icon-pointer"></span>
        </span>
        <span class="wpie-item_heading_label">
	        <?php esc_html_e( 'Links appearance', 'flexi-menu'  ); ?>
        </span>
        <span class="wpie-item_heading_type"></span>
        <span class="wpie-item_heading_toogle">
        <span class="wpie-icon wpie_icon-chevron-down"></span>
        <span class="wpie-icon wpie_icon-chevron-up "></span>
    </span>
    </summary>
    <div class="wpie-item_content">

        <div class="wpie-fieldset">
            <div class="wpie-fields">
	            <?php $field->create( 'link_padding_block' ); ?>
	            <?php $field->create( 'link_padding_inline' ); ?>
	            <?php $field->create( 'link_gap' ); ?>
	            <?php $field->create( 'link_hover_bg' ); ?>
            </div>
        </div>
    </div>
</details>

<?php
$item_open = ! empty( $options['item_open']['menu_icon'] ) ? 1 : 0;
$open      = ! empty( $item_open ) ? ' open' : '';
?>
<details class="wpie-item wpie-menu-style"<?php echo esc_attr( $open ); ?>>
    <input type="hidden" name="param[item_open][menu_icon]" class="wpie-item__toggle" value="<?php
	echo absint( $item_open ); ?>">
    <summary class="wpie-item_heading">
        <span class="wpie-item_heading_icon">
	        <span class="wpie-icon wpie_icon-pointer"></span>
        </span>
        <span class="wpie-item_heading_label">
	        <?php esc_html_e( 'Icons appearance', 'flexi-menu'  ); ?>
        </span>
        <span class="wpie-item_heading_type"></span>
        <span class="wpie-item_heading_toogle">
        <span class="wpie-icon wpie_icon-chevron-down"></span>
        <span class="wpie-icon wpie_icon-chevron-up "></span>
    </span>
    </summary>
    <div class="wpie-item_content">

        <div class="wpie-fieldset">
            <div class="wpie-fields">
	            <?php $field->create( 'icon_size' ); ?>
	            <?php $field->create( 'icon_box' ); ?>
	            <?php $field->create( 'icon_color' ); ?>
	            <?php $field->create( 'icon_bg' ); ?>
	            <?php $field->create( 'icon_shadow' ); ?>
            </div>
        </div>
    </div>
</details>

<?php
$item_open = ! empty( $options['item_open']['menu_label'] ) ? 1 : 0;
$open      = ! empty( $item_open ) ? ' open' : '';
?>
<details class="wpie-item wpie-menu-style"<?php echo esc_attr( $open ); ?>>
    <input type="hidden" name="param[item_open][menu_label]" class="wpie-item__toggle" value="<?php
	echo absint( $item_open ); ?>">
    <summary class="wpie-item_heading">
        <span class="wpie-item_heading_icon">
	        <span class="wpie-icon wpie_icon-pointer"></span>
        </span>
        <span class="wpie-item_heading_label">
	        <?php esc_html_e( 'Labels appearance', 'flexi-menu'  ); ?>
        </span>
        <span class="wpie-item_heading_type"></span>
        <span class="wpie-item_heading_toogle">
        <span class="wpie-icon wpie_icon-chevron-down"></span>
        <span class="wpie-icon wpie_icon-chevron-up "></span>
    </span>
    </summary>
    <div class="wpie-item_content">

        <div class="wpie-fieldset">
            <div class="wpie-fields">
				<?php $field->create( 'label_size' ); ?>
				<?php $field->create( 'label_weight' ); ?>
				<?php $field->create( 'label_style' ); ?>
				<?php $field->create( 'label_padding_block' ); ?>
				<?php $field->create( 'label_padding_inline' ); ?>
				<?php $field->create( 'label_color' ); ?>
            </div>
        </div>
    </div>
</details>

<?php
