<div id="thememakers_shortcode_template" class="thememakers_shortcode_template clearfix">

    <div class="one-half">
        <h4 class="label"><?php _e('Table Title', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="title" />
        <span class="preset_description"><?php _e('Use [span] tag to highlight words.', THEMEMAKERS_THEME_FOLDER_NAME); ?></span>
    </div><!--/ .one-half-->
	
	<div class="one-half">
        <h4 class="label"><?php _e('Table type', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        			
		<select class="js_shortcode_template_changer data-select" data-shortcode-field="type">
			<option value="standard"><?php _e('Standard Package', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
			<option value="small"><?php _e('Small Package', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
        </select>
			
    </div><!--/ .one-half-->
	
	
	<div class="one-half">
        <h4 class="label"><?php _e('Table Position', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        			
		<select class="js_shortcode_template_changer data-select" data-shortcode-field="position">
			<option value="not_last"><?php _e('Not Last', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
			<option value="last"><?php _e('Last', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
        </select>
			
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('Currency', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <select class="js_shortcode_template_changer data-select" data-shortcode-field="currency">
            <option value="&#36;"><?php _e('&#36;', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
            <option value="&#8364;"><?php _e('&#8364;', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
            <option value="&#163;"><?php _e('&#163;', THEMEMAKERS_THEME_FOLDER_NAME); ?></option>
        </select>
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('Integer price', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="integer_price" />
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('Fractional price', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="fractional_price" />
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('Price description', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="per/month" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="price_description" />
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('List content', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <textarea class="js_shortcode_template_changer data-area" data-shortcode-field="content"></textarea><br />
        <span class="preset_description"><?php _e('Example: option 1^option 2^option 3^option 4^option 5', THEMEMAKERS_THEME_FOLDER_NAME); ?></span>
    </div><!--/ .one-half-->

    <div class="one-half">
        <h4 class="label"><?php _e('Button link', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="button_link" />
    </div><!--/ .one-half-->

    <div class="one-half">
        <h4 class="label"><?php _e('Button text', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <input type="text" value="" class="js_shortcode_template_changer data-input data-upload" data-shortcode-field="button_text" />
    </div><!--/ .one-half-->


    <div class="one-half">
        <h4 class="label"><?php _e('Button type', THEMEMAKERS_THEME_FOLDER_NAME); ?></h4>
        <?php $button_types = ThemeMakersHelper::get_theme_buttons(); ?>
        <select class="js_shortcode_template_changer data-select" data-shortcode-field="button_type">
            <?php if (!empty($button_types)): ?>
                <?php foreach ($button_types as $color => $name) : ?>
                    <option value="<?php echo $color ?>"><?php echo $name ?></option>
                <?php endforeach; ?>
            <?php endif; ?>
        </select>	
    </div><!--/ .ona-half-->


    <div class="clear"></div>

</div><!--/ .thememakers_shortcode_template-->


<!-- --------------------------  PROCESSOR  --------------------------- -->

<?php $frame_uri = Thememakers_Application_Shortcodes::get_application_uri() . "/preview.php"; ?>

<div class="shortcode_app_frame_block">
    <div class="thememakers_shortcode_info_popup" style="display: none"></div>
    <iframe src="<?php echo $frame_uri ?>" class="shortcode_app_frame" frameborder="1" id="thememakers_shortcode_template_preview"></iframe>
</div>

<script type="text/javascript">

    var thememakers_app_shortcodes_preview_url = "<?php echo $frame_uri ?>";

    jQuery(function() {
        var shortcode_name = "pricing_table";
        thememakers_app_shortcodes.changer(shortcode_name);
        jQuery("#thememakers_shortcode_template .js_shortcode_template_changer").on('keyup, change', function() {
            thememakers_app_shortcodes.changer(shortcode_name);
        });

    });
</script>



