{$layout}
{$template "user_menu"}

<div class="right-box">
    <div class="config-section">
        <div class="section-title">{{t('users_features@用户功能设置')}}</div>

        <form class="ui form" data-tea-success="success" data-tea-action="$">
            <csrf-token></csrf-token>
            <input type="hidden" name="userId" :value="user.id"/>

            <div class="config-item">
                <div class="item-label" style="flex-shrink: 0;">{{t('users_features@功能列表')}}</div>
                <div class="item-content">
                    <div class="feature-boxes">
                        <div class="feature-box" v-for="feature in features">
                            <checkbox name="codes" :v-value="feature.code" v-model="feature.isChecked">{{feature.name}}</checkbox>
                            <p class="comment">{{feature.description}}</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="config-item">
                <div class="item-label"></div>
                <div class="item-content">
                    <submit-btn></submit-btn>
                </div>
            </div>
        </form>
    </div>
</div>