{extend name="common/layout" /}
{block name="title"}行为奖励设置{/block}
{block name="content"}
<div class="row">
  <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title mb-0">行为奖励设置</h4>
      </div>
      <div class="card-body">
        <p class="form-text mt-0 mb-3">用户完成指定行为时自动增加或扣除积分 / 金币。</p>
        <form id="reward-form" method="post">
          <div class="mb-3">
            <div class="form-check">
              <input class="form-check-input" type="checkbox" name="enabled" value="1" id="reward-enabled" {if $enabled}checked{/if}>
              <label class="form-check-label" for="reward-enabled">启用行为奖励系统</label>
            </div>
          </div>
          <h5 class="mb-3">奖励规则</h5>
          <div class="table-responsive">
            <table class="table table-bordered table-hover align-middle">
              <thead>
                <tr>
                  <th style="width:180px;">行为</th>
                  <th style="width:140px;">积分</th>
                  <th style="width:140px;">金币</th>
                  <th style="width:140px;">日上限</th>
                </tr>
              </thead>
              <tbody>
                {volist name="rows" id="r"}
                <tr>
                  <td>{$r.label}</td>
                  <td>
                    <input type="number" class="form-control form-control-sm" name="rules[{$r.key}][coins]" value="{$r.coins}" step="1">
                  </td>
                  <td>
                    <input type="number" class="form-control form-control-sm" name="rules[{$r.key}][gold]" value="{$r.gold}" step="1">
                  </td>
                  <td>
                    {if $r.daily_editable}
                    <input type="number" class="form-control form-control-sm" name="rules[{$r.key}][daily_limit]" value="{$r.daily_limit}" min="0" step="1">
                    {else /}
                    <input type="hidden" name="rules[{$r.key}][daily_limit]" value="-1">
                    <span class="text-muted">—</span>
                    {/if}
                  </td>
                </tr>
                {/volist}
              </tbody>
            </table>
          </div>
          <div class="alert alert-info">
            正数为奖励，负数为扣除，0 为不奖惩。日上限填 0 表示不限制；「—」表示该行为无日上限配置。
          </div>
          <button type="submit" class="btn btn-primary">保存设置</button>
        </form>
      </div>
    </div>
  </div>
</div>
{/block}
{block name="js"}
<script>
$('#reward-form').on('submit', function (e) {
  e.preventDefault();
  var data = $(this).serializeArray();
  var hasEnabled = false;
  data.forEach(function (item) { if (item.name === 'enabled') hasEnabled = true; });
  if (!hasEnabled) data.push({ name: 'enabled', value: '0' });
  $.post("{:url('/admin/behavior_reward/save')}", $.param(data), function (res) {
    AdminUI.result(res);
  }, 'json');
});
</script>
{/block}