</div>
</div>
<p><a id="new-repeatable" href="#">Add New Field</a></p>
</div>
</div>
<label for="tom-default-new-data">
Default :
</label>
<div class="input">
<div id="new-data-default">
<!-- will dynamic generate by jquery -->
<input class="input-default" name="default" type="text" id="tom-default-new-data" value="">
</div>
<?php
$defaultOptions = TOMOption::tom_default_options();
?>
<div id="typography-options" class="input-default typography-options" style="display:none;">
<label>Color :</label>
<div class="color-container">
<input class="array-default color-picker" type="text" data-name="color" />
</div>
<label>Size :</label>
<select class="array-default tom-typography tom-typography-size" data-name="size">
<?php
foreach ($defaultOptions['font-size'] as $key => $value) {
echo '<option value="' . $value . 'px">' . $value . ' px</option>';
}
?>
</select>
<br>