{$layout}
{$template "recipient_menu"}
{$template "/code_editor"}

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

    <table class="ui table definition selectable">
        <tr>
            <td class="title">系统用户 *</td>
            <td>
                <admin-selector :v-admin-id="recipient.admin.id"></admin-selector>
                <p class="comment">选择关联的系统用户。</p>
            </td>
        </tr>
        <tr>
            <td>媒介 *</td>
            <td>
                <message-media-instance-selector :v-instance-id="recipient.instance.id" @change="changeInstance"></message-media-instance-selector>
            </td>
        </tr>
        <tr>
            <td>接收人标识</td>
            <td>
                <input type="text" name="user" maxlength="300" v-model="recipient.user"/>
                <p class="comment">{{userDescription}}</p>
            </td>
        </tr>
        <tr>
            <td>分组</td>
            <td>
                <message-recipient-group-selector :v-groups="recipient.groups"></message-recipient-group-selector>
                <p class="comment">选择当前接收人所属分组。</p>
            </td>
        </tr>
        <tr>
            <td>备注</td>
            <td>
                <textarea rows="3" name="description" maxlength="100" v-model="recipient.description"></textarea>
            </td>
        </tr>
        <tr>
            <td>是否启用</td>
            <td>
                <checkbox name="isOn" value="1" v-model="recipient.isOn"></checkbox>
            </td>
        </tr>
    </table>

    <submit-btn></submit-btn>
</form>