<div class="ml20 input-group input-size-normal">
    [{isys type=$field.type name="C__CATG__CUSTOM__`$key`" disableInputGroup=true p_bInfoIconSpacer=0}]
    [{if $placeholders_g_global && isys_component_template::editmode()}]
    <span class="input-group-addon input-group-addon-clickable">
        <img src="[{$dir_images}]icons/silk/help.png" onclick="Effect.toggle('placeholderHelper_g_global_[{$key}]', 'slide', {duration:0.2});" />
    </span>
    [{/if}]
</div>

[{if $placeholders_g_global && isys_component_template::editmode()}]
<br class="cb" />

<div class="box ml20 mt5 mb5 overflow-auto input-size-normal" style="display:none; height:200px; box-sizing: border-box;" id="placeholderHelper_g_global_[{$key}]">
    <table class="border-none m0 w100 listing hover" style="border:none;" cellspacing="0">
        <tbody>
        [{foreach from=$placeholders_g_global item="plholder" key="plkey"}]
            <tr class="mouse-pointer">
                <td class="key" style="width:100px;">
                    <code>[{$plkey}]</code>
                </td>
                <td class="value">
                    [{$plholder}]
                </td>
            </tr>
            [{/foreach}]
        </tbody>
    </table>
</div>
[{/if}]
