{$layout}
{$template "policy_menu"}

<div class="cache-config-container">
    <div class="cache-config-form">
        <div class="form-title">
            <i class="icon download"></i> {{t('cache_fetch@预热缓存')}}
        </div>
        
        <form method="post" class="ui form" data-tea-action="$" data-tea-before="before" data-tea-success="success" data-tea-fail="fail" data-tea-done="done" data-tea-timeout="3600">
            <input type="hidden" name="cachePolicyId" :value="cachePolicyId"/>
            
            <div class="config-section">
                <div class="config-item">
                    <div class="item-label">{{t('cache_fetch@URL列表')}}</div>
                    <div class="item-content">
                        <textarea name="keys" rows="10" ref="focus" class="ui textarea"></textarea>
                        <p class="comment">
                            <i class="icon info circle"></i> {{t('cache_fetch@每行一个URL')}}
                        </p>
                    </div>
                </div>
                
                <div class="config-item">
                    <div class="item-label">{{t('cache_fetch@操作结果')}}</div>
                    <div class="item-content">
                        <div v-if="isRequesting" class="ui info message mini">
                            <i class="icon spinner loading"></i> {{t('cache_fetch@数据发送中')}}
                        </div>
                        <div v-if="!isRequesting && !isOk && message.length > 0" class="ui negative message mini">
                            <i class="icon exclamation circle"></i> {{t('cache_fetch@失败')}}{{message}}
                        </div>
                        <div v-if="!isRequesting && !isOk && failKeys.length > 0" class="fail-keys-box">
                            <div v-for="failKey in failKeys" class="ui negative message mini">
                                <i class="icon exclamation circle"></i> {{failKey.key}}: {{failKey.reason}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="action-buttons">
                <submit-btn v-if="!isRequesting" class="primary">
                    <i class="icon download"></i> {{t('cache_fetch@提交')}}
                </submit-btn>
            </div>
        </form>
    </div>
</div>