{!! Html::style(env("APP_URL").'/assets/backend/libs/dategrangepicker/daterangepicker.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.css') !!}

{!! Html::script(env("APP_URL").'/assets/backend/libs/Tagator/fm.tagator.jquery.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/moment.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/dategrangepicker/jquery.daterangepicker.js') !!}

    <div class="form-group">
        {!! Form::label('name','优惠券名称：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="text" class="form-control" name="name" value="{{$coupons->name}}" required>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','优惠券类型：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <select class="form-control m-b" id="type" name="type">
{{--                <option value="0">请选择优惠券类型</option>--}}
                @foreach($type as $key => $val)
                    <option value="{{$key}}" @if(!isset($coupons->type ) && $key=='1') selected @endif @if($key == $coupons->type ) selected @endif >{{$val}}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="hr-line-dashed"></div>
    <div id="manjian" style="display:none">
        <div class="form-group">
            {!! Form::label('name','抵用金额：', ['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-9">
                <input type="number" min="0.00" step="0.01" class="form-control" name="amount" value="{{$coupons->amount}}">
            </div>
        </div>

        <div class="form-group">
            {!! Form::label('name','满多少减：', ['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-9">
                <input type="number" min="0.00" step="0.01" class="form-control" name="min_limit_amount" value="{{$coupons->min_limit_amount}}">
            </div>
        </div>
    </div>
    <div id="zhekou" style="display:none">
        <div class="form-group ">
            {!! Form::label('name','抵用折扣：', ['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-9">
                <input type="number" min="0.00" step="0.01" class="form-control" name="discount" placeholder="0表示无折扣" value="{{$coupons->discount}}">
            </div>
        </div>
    </div>
    <div id="dikou" style="display:none">
        <div class="form-group">
            {!! Form::label('name','次数/名额：', ['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-9">
                <input type="number" min="0" class="form-control" name="num" value="{{$coupons->num}}">
            </div>
        </div>
        <div class="form-group">
            {!! Form::label('name','抵扣类型：', ['class' => 'col-md-2 control-label']) !!}
            <div class="col-md-1">
                <input type="radio" value="1" name="num_type" @if(!isset($coupons->num_type)) checked @endif
                @if($coupons->num_type==1) checked @endif>活动
            </div>
            <div class="col-md-1">
                <input type="radio" value="2" name="num_type" @if($coupons->num_type==2) checked @endif>课程
            </div>
            <div class="col-md-2">
                <input type="radio" value="3" name="num_type" @if($coupons->num_type==3) checked @endif>线上博物馆
            </div>
        </div>
    </div>
    <div class="hr-line-dashed"></div>

    <div class="form-group">
        {!! Form::label('name','线上/线下：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <div class="radio">
                <label>
                    <input type="radio" name="is_online" value="1" @if(!isset($coupons->is_online)) checked @endif @if($coupons->is_online==1) checked @endif >
                    线上
                </label>
                <label>
                    <input type="radio" name="is_online" value="2" @if($coupons->is_online==2) checked @endif >
                    线下
                </label>
            </div>
        </div>
    </div>

    <div class="form-group" id="two-inputs">
        <label class="col-sm-2 control-label">使用周期：</label>
        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                        <span class="input-group-addon" style="cursor: pointer">
                            <i class="fa fa-calendar"></i>&nbsp;&nbsp;开始</span>
                <input type="text" name="start_time" class="form-control inline" id="date-range200" size="20" readonly value="{{$coupons->start_time}}"
                       placeholder="点击选择时间">
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
            <div id="date-range12-container"></div>
        </div>

        <div class="col-sm-4">
            <div class="input-group date form_datetime">
                            <span class="input-group-addon" style="cursor: pointer">
                                 <i class="fa fa-calendar"></i>&nbsp;&nbsp;截止</span>
                <input type="text" name="end_time" class="form-control inline" id="date-range201" size="20" readonly value="{{$coupons->end_time}}"
                       placeholder="">
                <span class="add-on"><i class="icon-th"></i></span>
            </div>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','使用期限(天)：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <input type="number" min="0" class="form-control" name="use_day" value="{{$coupons->use_day}}" placeholder="0为永久" required>
            <input type="hidden" class="form-control" name="date" value="1" required>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','是否启用：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <div class="radio">
                <label>
                    <input type="radio" name="status" value="1" @if($coupons->status==1) checked @endif >
                    启用
                </label>
                <label>
                    <input type="radio" name="status" value="0" @if($coupons->status==0) checked @endif >
                    禁用
                </label>
            </div>
        </div>
    </div>

    <div class="form-group">
        {!! Form::label('name','优惠券描述：', ['class' => 'col-md-2 control-label']) !!}
        <div class="col-md-9">
            <textarea class="form-control" name="description">{{$coupons->description}}</textarea>
        </div>
    </div>

{{--    <div class="hr-line-dashed"></div>--}}
    <div class="form-group">
        <div class="col-md-offset-2 col-md-8 controls">
            <button type="submit" class="btn btn-primary">保存</button>
        </div>
    </div>

<script>
    $('#two-inputs').dateRangePicker(
        {
            separator: ' to ',
            time: {
                enabled: true
            },
            language: 'cn',
            format: 'YYYY-MM-DD HH:mm',
            inline: true,
            container: '#date-range12-container',
            startDate: '',
            showShortcuts:false,
            getValue: function () {
                if ($('#date-range200').val() && $('#date-range201').val())
                    return $('#date-range200').val() + ' to ' + $('#date-range201').val();
                else
                    return '';
            },
            setValue: function (s, s1, s2) {
                $('#date-range200').val(s1);
                $('#date-range201').val(s2);
            }
        });

    $("#manjian").show();
    $a=$("select#type").find("option:selected").val();
    if($a==1){
        $("#manjian").show();
        $("#zhekou").hide();
        $("#dikou").hide();
    }else if($a==2){
        $("#manjian").hide();
        $("#zhekou").hide();
        $("#dikou").show();
    }else if($a==3){
        $("#manjian").hide();
        $("#zhekou").show();
        $("#dikou").hide();
    }
    $("select#type").change(function(){
        $val=$(this).val();
        if($val==1){
            $("#manjian").show();
            $("#zhekou").hide();
            $("#dikou").hide();
        }else if($val==2){
            $("#manjian").hide();
            $("#zhekou").hide();
            $("#dikou").show();
        }else if($val==3){
            $("#manjian").hide();
            $("#zhekou").show();
            $("#dikou").hide();
        }
    });

</script>