<div id="acym__wysid__right__toolbar__design" class="cell grid-y acym__wysid__right__toolbar--menu">
	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo acym_translation('ACYM_ZONES'); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php echo acym_info(['textShownInTooltip' => 'ACYM_INTRO_DRAG_ZONE']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__zones">
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--1 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                    <rect class="acym__wysid__row__element__type" width="80.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--2 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect class="acym__wysid__row__element__type" width="36.8" height="100"></rect>
				<rect x="44" class="acym__wysid__row__element__type" width="36.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--3 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
				<rect x="28.5" y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
				<rect x="57" y="0.5" class="acym__wysid__row__element__type" width="24.2" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--4 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect x="65.6" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect x="44.1" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect x="22.1" class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
				<rect class="acym__wysid__row__element__type" width="15.8" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--5 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                <rect x="55.6" class="acym__wysid__row__element__type" width="25.2" height="100"></rect>
				<rect class="acym__wysid__row__element__type" width="50.2" height="100"></rect>
                                </svg>
		</div>
		<div class="cell acym__wysid__zone__element--new acym__wysid__zone__element--new--6 ui-draggable ui-draggable-handle">
			<svg version="1.1" x="0px" y="0px" viewBox="0 0 80.8 81" style="enable-background:new 0 0 80.8 81;" xml:space="preserve">
                                    <rect class="acym__wysid__row__element__type" width="25.2" height="100"></rect>
				<rect x="31" class="acym__wysid__row__element__type" width="50.2" height="100"></rect>
                                </svg>
		</div>
	</div>

	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo acym_translation('ACYM_BLOCKS'); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php echo acym_info(['textShownInTooltip' => 'ACYM_INTRO_DRAG_BLOCK']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__blocks">
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--title ui-draggable ui-draggable-handle">
			<i class="cell acymicon-title"></i>
			<div class="cell"><?php echo acym_translation('ACYM_TITLE'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--text ui-draggable ui-draggable-handle">
			<i class="cell acymicon-format-align-justify"></i>
			<div class="cell"><?php echo acym_translation('ACYM_TEXT'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--button ui-draggable ui-draggable-handle">
			<i class="cell acymicon-crop-16-9"></i>
			<div class="cell"><?php echo acym_translation('ACYM_BUTTON'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--space ui-draggable ui-draggable-handle">
			<i class="cell acymicon-unfold-more"></i>
			<div class="cell"><?php echo acym_translation('ACYM_SPACE'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--picture ui-draggable ui-draggable-handle">
			<i class="cell acymicon-insert-photo"></i>
			<div class="cell"><?php echo acym_translation('ACYM_IMAGE'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--video ui-draggable ui-draggable-handle">
			<i class="cell acymicon-play-circle-filled"></i>
			<div class="cell"><?php echo acym_translation('ACYM_VIDEO'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--gif ui-draggable ui-draggable-handle">
			<i class="cell acymicon-gif"></i>
			<div class="cell">Gif</div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--unsplash ui-draggable ui-draggable-handle">
			<i class="cell acymicon-unsplash"></i>
			<div class="cell">Unsplash</div>
		</div>
        <?php
        $plugins = acym_trigger('getPossibleIntegrations');

        foreach ($plugins as $onePlugin) {
            $title = empty($onePlugin->title) ? '' : 'title="'.acym_escape($onePlugin->title).'"';

            echo '<div '.$title.' data-plugin="'.acym_escape($onePlugin->plugin).'" class="grid-x cell acym__wysid__block__element--new ui-draggable ui-draggable-handle">';

            if (empty($onePlugin->icontype) || $onePlugin->icontype === 'img') {
                echo '<img class="cell acym-plugin-icon" src="'.$onePlugin->icon.'" alt="icon"/>';
            } elseif ($onePlugin->icontype === 'raw') {
                echo $onePlugin->icon;
            }

            echo '<div class="cell">'.$onePlugin->name.'</div>';
            echo '</div>';
        }
        ?>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--follow ui-draggable ui-draggable-handle">
			<i class="cell acymicon-facebook"></i>
			<div class="cell"><?php echo acym_translation('ACYM_FOLLOW'); ?></div>
		</div>
		<div class="grid-x cell acym__wysid__block__element--new acym__wysid__block__element--new--separator ui-draggable ui-draggable-handle">
			<i class="cell acymicon-more-horizontal"></i>
			<div class="cell"><?php echo acym_translation('ACYM_SEPARATOR'); ?></div>
		</div>
	</div>

	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
        <?php echo acym_translation('ACYM_SAVED_ZONES'); ?>
		<i class="acymicon-keyboard-arrow-up"></i>
        <?php echo acym_info(['textShownInTooltip' => 'ACYM_SAVED_ZONES_DESC']); ?>
	</p>
	<div class="acym__wysid__context__modal__container grid-x grid-margin-x grid-margin-y cell xxlarge-up-3 large-up-2 medium-up-1 small-up-1 acym__wysid__right__toolbar__design--show acym__wysid__right__toolbar__saved_zones margin-bottom-2">
        <?php
        if (empty($data['custom_zones'])) {
            echo '<div id="custom_zones_none_message" class="margin-horizontal-1 margin-bottom-1">'.acym_translation('ACYM_NO_CUSTOM_ZONE').'</div>';
        } else {
            foreach ($data['custom_zones'] as $oneZone) {
                echo '<div class="grid-x cell acym__wysid__zone__element--new ui-draggable ui-draggable-handle" data-acym-zone-id="'.$oneZone->id.'">';
                if (acym_isAdmin()) {
                    echo '<i class="acymicon-delete"></i>';
                }
                if (empty($oneZone->image)) {
                    echo '<i class="cell acymicon-dashboard"></i>';
                } else {
                    echo '<img class="cell saved_zone_image" alt="Logo custom zone" src="'.acym_rootURI().$oneZone->image.'" />';
                }
                echo '<div class="cell">'.$oneZone->name.'</div>';
                echo '</div>';
            }
        }
        ?>
	</div>
</div>
