<?php
/**
 * @package       JCE
 * @copyright     Copyright (c) 2009-2019 Ryan Demmer. All rights reserved.
 * @license       GNU/GPL 2 or later - http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 * JCE is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 */
defined('_WF_EXT') or die('RESTRICTED');
?>
    <div class="uk-form-row">
        <label for="rokbox_caption" class="uk-form-label uk-width-1-5 hastip" title="<?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_CAPTION_DESC'); ?>"><?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_CAPTION'); ?></label>
        <div class="uk-form-controls uk-width-4-5">
            <input id="rokbox_caption" type="text" class="text" value="" />
        </div>
    </div>
    <div class="uk-form-row">
        <label for="rokbox_album" class="uk-form-label uk-width-1-5 hastip" title="<?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_ALBUM_DESC'); ?>"><?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_ALBUM'); ?></label>
        <div class="uk-form-controls uk-width-4-5">
            <input id="rokbox_album" type="text" value="" />
        </div>
    </div>

    <div class="uk-form-row">
        <label class="hastip uk-form-label uk-width-1-5" title="<?php echo WFText::_('WF_LABEL_DIMENSIONS_DESC'); ?>">
            <?php echo WFText::_('WF_LABEL_DIMENSIONS'); ?>
        </label>
        <div class="uk-form-controls uk-width-4-5 uk-grid uk-grid-small">
            <div class="uk-width-1-5">
                <input type="text" id="rokbox_width" value="" />
            </div>
            <div class="uk-width-1-5">
                <select id="rokbox_width_unit"><option value="">px</option><option value="%">%</option></select>
            </div>
            <div class="uk-width-0-10">
                <strong class="uk-margin-left uk-margin-right uk-vertical-align-middle">&times;</strong>
            </div>
            <div class="uk-width-1-5">
                <input type="text" id="rokbox_height" />
            </div>
            <div class="uk-width-1-5">
                <select id="rokbox_height_unit"><option value="">px</option><option value="%">%</option></select>
            </div>
        </div>
    </div>

    <div class="uk-form-row">
        <label for="rokbox_element" class="uk-form-label uk-width-1-5 hastip" title="<?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_ELEMENT_DESC'); ?>"><?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_ELEMENT'); ?></label>
        <div class="uk-form-controls uk-width-4-5">
            <input id="rokbox_element" type="text" class="text" value="" />
        </div>
    </div>
    <div class="uk-form-row">
        <label for="rokbox_generate_thumbnail" class="hastip uk-form-label uk-width-1-5" title="<?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_THUMBNAIL_DESC'); ?>"><?php echo WFText::_('WF_POPUPS_ROKBOX_OPTION_THUMBNAIL'); ?></label>
        <div class="uk-form-controls uk-width-4-5">
            <input id="rokbox_generate_thumbnail" type="checkbox" />
        </div>
    </div>