<div id="tv{$tv->id}-cb"></div>

<script type="text/javascript">
// <![CDATA[
{literal}
Ext.onReady(function() {
    var fld = MODx.load({
    {/literal}
        xtype: 'radiogroup'
        ,id: 'tv{$tv->id}'
        ,vertical: true
        ,columns: {if $params.columns|default}{$params.columns|default}{else}1{/if}
        ,renderTo: 'tv{$tv->id}-cb'
        ,width: '99%'
        ,allowBlank: {if $params.allowBlank == 1 || $params.allowBlank == 'true'}true{else}false{/if}
        ,hideMode: 'offsets'
        ,msgTarget: 'under'

        ,items: [{foreach from=$opts item=item key=k name=cbs}
        {literal}{{/literal}
            name: 'tv{$tv->id}'
            ,id: 'tv{$tv->id}-{$k}'
            ,boxLabel: '{$item.text|escape:"javascript"}'
            ,checked: {if $item.checked}true{else}false{/if}
            ,inputValue: {$item.value}
            ,value: {$item.value}

            {literal},listeners: { 'check': MODx.fireResourceFormChange }{/literal}

        {literal}}{/literal}{if NOT $smarty.foreach.cbs.last},{/if}
        {/foreach}]
    {literal}}{/literal});
    Ext.getCmp('modx-panel-resource').getForm().add(fld);
});
// ]]>
</script>
