{foreach $features as $id => $feature}{strip}
    {$_types = array_keys($feature.types)}
    {if sort($_types)}{/if}
    <tr data-types="{implode(' ',$_types)|escape}" data-feature="{$id}"
            data-type="{$feature.type|default:shopFeatureModel::TYPE_VARCHAR|escape}"
            data-sort="{$feature.sort|default:array()|json_encode|escape}"
            data-selectable="{$feature.selectable|escape}"
            data-multiple="{$feature.multiple|escape}"
            data-status="{$feature.status|escape}"
            {if $feature.type eq 'divider'} class="gray"{/if}
      >
        <td class="min-width">
            <i class="icon16 sort"></i>
        </td>
        <td>
            {if $feature.status != 'public'}
                <div class="float-right" style="margin-top:8px;"><i class="icon16 ss visibility" title="[`Only visible in backend`]"></i></div>
            {/if}
            <span class="js-feature-name">{$feature.name|escape}</span>
            <br>
            <span class="js-feature-code hint">{$feature.code|escape}</span>
        </td>
        <td>
            <span class="js-feature-type-name">{$feature.type_name|escape}</span>
            {if $feature.selectable}
                <div>
                    {if false}{* TODO load feature values via ajax *}
                    <ul class="menu-h with-icons">
                        <li><a href="#/features/feature/value/view/{$id}/" class="small inline-link js-action"><i class="icon10 view-table" title="[`View`]"></i></a></li>
                        <li><a href="#/features/feature/value/edit/{$id}/" class="small inline-link js-action"><i class="icon10 edit" title="[`Edit`]"></i></a></li>
                    </ul>
                    {else}
                    {if !empty($feature.values)}
                        <ul class="menu-v compact with-icons small s-feature-values js-feature-values" style="max-width: 200px;">
                            {include file="./SettingsFeaturesFeatureValues.html" inline}
                        </ul>

                    {else}
                        <p class="hint">[`No feature values are defined`]</p>
                        <a href="#/features/feature/value/add/{$id}/" class="small inline-link js-action"><i class="icon10 add"></i><b><i>[`Add feature value`]</i></b></a>
                    {/if}
                    {/if}
                </div>
            {/if}
        </td>
        <td>&nbsp;
        </td>
        <td class="align-center">
            <ul class="menu-h with-icons">
                <li><a href="#/features/feature/edit/{$id}/" class="inline js-action" title="[`Settings`]"><i class="icon16 settings"></i></a></li>
                <li><a href="#/features/feature/delete/{$id}/" class="inline js-action"><i class="icon16 delete"></i></a></li>
            </ul>
        </td>
        </tr>
    {strip}{/foreach}