{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
    <title>{:$title}</title> 
    <blockquote class="layui-elem-quote">
        <h1> {:$title} </h1>
    </blockquote>
    <form class="layui-form layui-form-pane" action="">
      <input type="hidden" name="cid" value="{$rs.id}">
      {if $rs.owner eq 2}
      <div class="layui-form-item">
        <label class="layui-form-label">商家名称</label>
        <div class="layui-input-block">
          <input type="text" name="title" disabled="disabled" class="layui-input" value="{$rs.sellername}">
        </div>
      </div>
      {/if}
      <div class="layui-form-item">
        <label class="layui-form-label">卡券名称</label>
        <div class="layui-input-inline">
          <input type="text" name="username" disabled="disabled" class="layui-input" value="{$rs.card_title}">
        </div>
      </div>

      <hr/>

      <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label">领取期限</label>
              <div class="layui-input-inline" style="width: 300px;">
                <input type="text" name="date" id="date" lay-verify="required" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
              </div>
              <div class="layui-form-mid layui-word-aux">该期间内可以领取</div>
            </div>
        </div>

      <div class="layui-form-item">
        <div class="layui-inline">
          <label class="layui-form-label">总数限制</label>
          <div class="layui-input-inline" style="width: 100px;">
            <input type="checkbox" name="total_limit" title="是否限制" lay-filter="total_limit" lay-skin="primary">
          </div>
          <ii id="li_total" style="display:none">
          <div class="layui-form-mid layui-word-aux">红包总数达到</div>
          <div class="layui-input-inline" style="width: 100px;">
            <input type="text" name="total" id="total" class="layui-input">
          </div>
          <div class="layui-form-mid layui-word-aux">个时，停止发放</div>
          </ii>
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">领取条件</label>
        <div class="layui-input-block">
          <input type="radio" name="receive_condition"  lay-filter="receive_condition" value="1" title="打开店铺页面时，如果顾客没有该卡券，自动发放" checked=""><br>
          <input type="radio" name="receive_condition"  lay-filter="receive_condition" value="2" title="完成订单支付后，支付订单金额达到：">
          <input type="text" name="order_price" id="order_price" style="width: 100px;" class="layui-input">元时，自动发放
        </div>
      </div>

      <div class="layui-form-item">
        <label class="layui-form-label">核销方式</label>
        <div class="layui-input-inline" style="width: 500px;">
          <div class="layui-form-mid layui-word-aux">用户在支付订单时，选择使用该卡券支付后，自动核销</div>
        </div>
      </div>
      
      <div class="layui-form-item">
          <div class="layui-input-block">
            <button type="button" class="layui-btn" lay-submit="" lay-filter="submit_add_card">确认投放</button>
            <button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
          </div>
      </div>  
    </form>
</div>
{include file="common/foot"/}

<script>
    layui.use(['table','form','element','laydate'], function() {
        var table = layui.table,laydate = layui.laydate,form = layui.form,$ = layui.jquery,layer = layui.layer,element = layui.element;

        //更新该卡券信息
        form.on('submit(submit_add_card)', function (data) {
            if(data.field.total_limit=='on'){
              var total = $("#total").val();
              if (!(/(^[1-9]\d*$)/.test(total))) {
                  layer.msg('红包总数只能输入正整数！', {time: 1000, icon: 2});return false;
              }
            }
            var loading = layer.load(1, {shade: [0.1, '#fff']});
            $.post("{:url('cardputin')}", data.field, function (res) {
                layer.close(loading);
                if (res.code == 1) {
                    layer.msg(res.msg, {time: 1000, icon: 1}, function () {
                        window.parent.location.reload();
                    });
                } else {
                    layer.msg(res.msg, {time: 1000, icon: 2});
                }
            });
        })

        //复选框事件
        form.on('checkbox(total_limit)', function (data) {
            layer.tips((this.checked ? '限制总数' : '不限制总数'), data.othis);
            if(this.checked){
              $("#li_total").show();
              $("#total").attr("lay-verify","number");
            }else{
              $("#li_total").hide();
              $("#total").val('');
              $("#total").attr("lay-verify","");
            }
        });

        //单选按钮事件
        form.on('radio(receive_condition)', function(data){
            var msg = data.value==1  ? '自动领取' : "完成支付领取";
            layer.tips((msg), data.othis);
            if(data.value==1){
              $("#order_price").val('');
              $("#order_price").attr("lay-verify","");
              $("#order_price").attr("disabled",true);
            }else{
              $("#order_price").attr("lay-verify","number");
              $("#order_price").attr("disabled",false);
            }
        });

        //日期时间范围
        laydate.render({
            elem: '#date'
            ,type: 'datetime'
            ,range: true
            ,min: 0
            ,trigger:'click'
        });
    })
</script>