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


<form class="ui form" data-tea-action="$" data-tea-timeout="120" data-tea-before="submitBefore" data-tea-success="submitSuccess" data-tea-error="submitError" data-tea-fail="submitFail" style="margin-top:1em">
    <csrf-token></csrf-token>
    <input type="hidden" name="instanceId" :value="instance.id"/>
    <table class="ui table definition selectable">
        <tr>
            <td class="title">{{t('admins_recipients_test@媒介名称')}}</td>
            <td>{{instance.media.name}}</td>
        </tr>
        <tr>
            <td>{{t('admins_recipients_test@通知标题')}}</td>
            <td>
                <input type="text" name="subject" :value="t('admins_recipients_test@这是通知标题')" maxlength="100"/>
            </td>
        </tr>
        <tr>
            <td>{{t('admins_recipients_test@通知内容')}}</td>
            <td>
                <textarea name="body" rows="2" maxlength="100">{{t('admins_recipients_test@这是通知内容')}}</textarea>
            </td>
        </tr>
        <tr>
            <td>{{t('admins_recipients_test@接收人标识')}}</td>
            <td>
                <input type="text" name="user" maxlength="500" v-model="recipient.user"/>
                <p class="comment" v-html="instance.media.userDescription"></p>
            </td>
        </tr>
    </table>
    <div class="ui segment response-box" :class="{green:isOk, red:!isOk}" v-if="isFinished">
        <div v-if="response.length > 0"><span v-if="error.length == 0">{{t('admins_recipients_test@成功')}}</span>{{t('admins_recipients_test@返回结果：')}}
            <div v-for="line in responseLines">{{line}}</div>
        </div>
        <div v-if="error.length > 0">{{t('admins_recipients_test@错误信息：')}}
            <div v-for="line in errorLines">{{line}}</div>
        </div>
        <span class="disabled" v-if="response.length == 0 && error.length == 0">{{t('admins_recipients_test@成功执行，没有返回结果')}}</span>
    </div>

    <button class="ui button primary" type="submit" v-if="!isRunning">{{t('admins_recipients_test@提交测试')}}</button>
    <span v-if="isRunning">{{t('admins_recipients_test@发送测试中，请耐心等待...')}}</span>
</form>