{extend name="../app/shop/view/base.html"/}
{block name="resources"}{/block}
{block name="main"}
<div class="layui-form">
  <div class="layui-card ns-card-common ns-card-brief">

    <div class="layui-form-item">
      <label class="layui-form-label">到期时间：</label>
      <div class="layui-input-block">
        {:date('Y-m-d H:i:s',$userinfo.expire_time)}
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label"><span class="required">*</span>使用时长：</label>
      <div class="layui-input-block">
        <div class="layui-input-inline">
          <input type="text" value="3" readonly name="expire_number" autocomplete="off" class="layui-input ns-len-mid">
        </div>
        月
        <button class="layui-btn" type="button" onclick="datePick(1, this)">1月</button>
        <button class="layui-btn" type="button" onclick="datePick(3, this)">3个月</button>
        <button class="layui-btn" type="button" onclick="datePick(6, this)">半年</button>
        <button class="layui-btn" type="button" onclick="datePick(12, this)">1年</button>
      </div>
    </div>
  </div>
  <div class="ns-form-row">
    <button class="layui-btn ns-bg-color" lay-submit lay-filter="save">保存</button>
  </div>
</div>
{/block}
{block name="script"}
<script>
  layui.use(['form'], function () {
    var form = layui.form,
            repeat_flag = false;
    /**
     * 监听提交
     */
    form.on('submit(save)', function (data) {
      if (repeat_flag) return;
      repeat_flag = true;
      $.ajax({
        dataType: 'JSON',
        type: 'POST',
        url: ns.url("saasagent://shop/setting/setexpire"),
        data: data.field,
        success: function (res) {
          repeat_flag = false;
          layer.msg(res.message);
          location.reload();
        }
      });
    });
  });
  function datePick(date_num,event_obj){
    $(".date-picker-btn").removeClass("selected");
    $(event_obj).addClass('selected');
    $("input[name=expire_number]").val(date_num);
  }
</script>
{/block}