@extends('layouts.father')
@section('title', '优惠活动编辑')
@section('body')

    <div class="x-body">
        <form class="layui-form">
            {{csrf_field()}}

            <input type="hidden" value="{{$obj->id or ''}}" name="id">
            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>活动名称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" value="{{$obj->name}}" required="" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>开始时间
                </label>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="开始时间" value="{{$obj->startTime}}" required="" lay-verify="required|startTime" name="startTime" id="startTime" >
                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    <span class="x-red">*</span>结束时间
                </label>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="结束时间" value="{{$obj->endTime}}" required=""  lay-verify="required|startTime" name="endTime" id="endTime" >
                </div>
            </div>


            <div class="layui-form-item layui-card" style="padding-bottom: 10px;">
                <div class="layui-card-header"> 活动规则：</div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:180px;">
                            定额（满）/ 等额（每）：
                        </label>
                        <input type="radio" name="type" value="定额" @if(isset($activity_info->type) && $activity_info->type == "定额") checked @elseif(!isset($activity_info->type)) checked @endif title="定额" lay-filter="type" autocomplete="off" class="layui-input ">
                        <input type="radio" name="type" value="等额" @if(isset($activity_info->type) && $activity_info->type == "等额") checked @endif title="等额" lay-filter="type" autocomplete="off" class="layui-input ">
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:180px;">
                            数量 / 金额：
                        </label>
                        <input type="radio" name="condition" value="数量" @if(isset($activity_info->condition) && $activity_info->condition == "数量") checked @elseif(!isset($activity_info->condition)) checked @endif title="数量" lay-filter="condition" autocomplete="off" class="layui-input ">
                        <input type="radio" name="condition" value="金额" @if(isset($activity_info->condition) && $activity_info->condition == "金额") checked @endif title="金额" lay-filter="condition" autocomplete="off" class="layui-input ">
                    </div>
                    <div class="layui-input-item">
                        <label class="layui-form-label" style="width:180px;">
                            条件 ：
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" name="condition_num" value="{{ $activity_info->condition_num or '' }}" lay-verify="number" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-form-mid layui-word-aux tip">满（）件</div>
                    </div>
                    <div class="layui-form-item" style="padding-top: 20px;">
                        <label class="layui-form-label" style="width:180px;">
                            折扣 / 优惠：
                        </label>
                        <input type="radio" name="discount" value="折扣" @if(isset($activity_info->discount) && $activity_info->discount == "折扣") checked @elseif(!isset($activity_info->discount)) checked @endif title="折扣（示例：0.9为9折）" lay-filter="discount" autocomplete="off" class="layui-input ">
                        <input type="radio" name="discount" value="优惠" @if(isset($activity_info->discount) && $activity_info->discount == "优惠") checked @endif title="优惠" lay-filter="discount" autocomplete="off" class="layui-input ">
                    </div>
                    <div class="layui-input-item">
                        <label class="layui-form-label unit_tip" style="width:180px;">
                            出厂折扣 ：
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" name="unit_num" value="{{ $activity_info->unit_num or '' }}" lay-verify="number" autocomplete="off" class="layui-input">
                        </div>
                        <label class="layui-form-label sale_tip" style="width:180px;">
                            销售折扣 ：
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" name="discount_num" value="{{ $activity_info->discount_num or '' }}" lay-verify="number" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                </div>
            </div>

            <div class="layui-form-item">
                <label for="name" class="layui-form-label">
                    活动描述
                </label>
                <div class="layui-input-block">
                    <input type="text" name="desc" value="{{ $activity_info->desc or '' }}" autocomplete="off" class="layui-input">
                </div>
            </div>


            <div class="layui-form-item">
                <label for="add" class="layui-form-label">
                </label>
                <button  id="add" class="layui-btn" lay-filter="add" lay-submit="">
                    保存
                </button>
            </div>
        </form>

    </div>
    <script>

        layui.use(['layer','form','laydate'], function(){
            $ = layui.jquery;//jquery
            form = layui.form;
            laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#startTime',
                type: 'datetime'

            });
            //执行一个laydate实例
            laydate.render({
                elem: '#endTime',
                type: 'datetime'
            });

            //自定义验证规则
            form.verify({
                discount: [/^(0(\.\d{1,4})?|1(\.0{1,4})?)$/, '折扣必须为0-1'],
                startTime: function (value, item) {
                    if($("#startTime").val() > $("#endTime").val() ) {
                        // $("#startTime").focus();
                        return "开始时间不能大于结束时间";
                    }
                }
            });

            //监听提交
            form.on('submit(add)', function(data){

                var id = $("input[name=id]").val();
                if(id)
                    url = "/admin/actUpdate/"+id;
                else
                    url = "/admin/actAdd";

                var index = parent.layer.getFrameIndex(window.name);
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                $.post(url, data.field, function (res) {

                    layer.close(loadIndex); //关闭加载loading
                    //发异步，把数据提交给php
                    if(res.status == 1) {

                        console.log(res);
                        layer.alert(res.msg, {icon: 6},function () {
                            // 关闭当前frame
                            parent.location.reload();
                            parent.layer.close(index);
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }

                }, "json");
               return false;
            });

            var type = '{{ $activity_info->type or '定额' }}';
            var condition = '{{ $activity_info->condition or '数量' }}';
            condi();

            form.on('radio(type)', function(data){
                type = data.value;
                condi()
            });
            form.on('radio(condition)', function(data){
                condition = data.value;
                condi()
            });
            form.on('radio(discount)', function(data){
                switch (data.value) {
                    case "折扣":
                        $(".unit_tip").html("出厂折扣 ：");
                        $(".sale_tip").html("销售折扣 ：");
                        break;
                    case "优惠":
                        $(".unit_tip").html("出厂优惠 ：");
                        $(".sale_tip").html("销售优惠 ：");
                        break;
                }
            });


            function condi() {

                switch (type+condition) {
                    case "定额数量":
                        $(".tip").html("满（）件");
                        break;
                    case "定额金额":
                        $(".tip").html("满（）元");
                        break;
                    case "等额数量":
                        $(".tip").html("每（）件");
                        break;
                    case "等额金额":
                        $(".tip").html("每（）元");
                        break;
                }
            }
        });


    </script>

@endsection