{$layout}
{$template "instance_menu"}

<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"/>

    <div class="config-section">
        <div class="section-title">{{t('admins_recipients_instances_test@测试媒介实例：')}}{{instance.name}}</div>

        <div class="config-item">
            <div class="item-label">{{t('admins_recipients_instances_test@通知标题')}}</div>
            <div class="item-content">
                <input type="text" name="subject" :value="t('admins_recipients_instances_test@这是通知标题')" maxlength="100"/>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('admins_recipients_instances_test@通知内容')}}</div>
            <div class="item-content">
                <textarea name="body" rows="2" maxlength="100">{{t('admins_recipients_instances_test@这是通知内容')}}</textarea>
            </div>
        </div>

        <div class="config-item">
            <div class="item-label">{{t('admins_recipients_instances_test@接收人标识')}}</div>
            <div class="item-content">
                <input type="text" name="user" maxlength="500"/>
                <p class="comment" v-html="instance.media.userDescription"></p>
            </div>
        </div>
    </div>

    <div class="margin"></div>
    
    <!-- 响应结果 -->
    <div class="ui message response-box" :class="{positive: isOk && isFinished, negative: !isOk && isFinished}" v-if="isFinished" style="word-break: break-all;">
        <div v-if="response.length > 0">
            <strong v-if="error.length == 0">{{t('admins_recipients_instances_test@成功返回结果：')}}</strong>
            <div v-for="line in responseLines" style="margin-top: 0.5em;">{{line}}</div>
        </div>
        <div v-if="error.length > 0">
            <strong>{{t('admins_recipients_instances_test@错误信息：')}}</strong>
            <div v-for="line in errorLines" style="margin-top: 0.5em;">{{line}}</div>
        </div>
        <span class="disabled" v-if="response.length == 0 && error.length == 0">{{t('admins_recipients_instances_test@成功执行，没有返回结果')}}</span>
    </div>

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