{extend name="index_layout"/}
{block name="main"}
<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-card-body">
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li><a href="{:url('Emailsubscribe/index')}">订阅记录</a></li>
          <li><a href="{:url('Emailsubscribe/log')}">邮件日志</a></li>
          <li><a href="{:url('Emailtemplate/index')}">模板管理</a></li>
          <li class="layui-this">营销群发</li>
        </ul>
      </div>

      <form class="layui-form layui-form-pane" style="margin-bottom:16px;">
        <div class="layui-row layui-col-space12">
          <div class="layui-col-md3">
            <label class="layui-form-label">任务名称</label>
            <div class="layui-input-block">
              <input type="text" id="name" placeholder="任务名称或主题关键词" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-col-md2">
            <label class="layui-form-label">语言</label>
            <div class="layui-input-block">
              <select id="lang">
                <option value="">全部</option>
                {volist name="langList" id="lang"}
                <option value="{$lang.mark}">{$lang.name} ({$lang.mark})</option>
                {/volist}
              </select>
            </div>
          </div>
          <div class="layui-col-md3">
            <label class="layui-form-label">模板</label>
            <div class="layui-input-block">
              <select id="template_id">
                <option value="">全部</option>
                {volist name="templateList" id="tpl"}
                <option value="{$tpl.id}">{$tpl.name} ({$tpl.lang})</option>
                {/volist}
              </select>
            </div>
          </div>
          <div class="layui-col-md2">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block">
              <select id="status">
                <option value="">全部</option>
                {volist name="statusList" id="vo" key="k"}
                <option value="{$key}">{$vo}</option>
                {/volist}
              </select>
            </div>
          </div>
          <div class="layui-col-md2">
            <label class="layui-form-label">每批发送</label>
            <div class="layui-input-block">
              <input type="number" id="batch_size" value="100" min="1" max="500" placeholder="默认100" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-col-md2">
            <div style="padding-top:2px; display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;">
              <button type="button" class="layui-btn layui-btn-normal" id="searchBtn">搜索</button>
              <button type="button" class="layui-btn layui-btn-primary" id="resetBtn">重置</button>
            </div>
          </div>
          <div class="layui-col-md12">
            <div class="layui-form-mid layui-word-aux">执行发送时按“每批发送”数量处理，默认每次 100 条，最大 500 条；可多次点击继续发送剩余任务。</div>
          </div>
        </div>
      </form>

      <table id="currentTable" lay-filter="currentTable"></table>
    </div>
  </div>
</div>
{/block}