@extends('base.base')
@section('base')
    <!-- 内容区域 -->
    <div class="main-panel">
        <div class="content-wrapper">
            <div class="row">
                <div class="col-12 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">{{ __('auto.添加咖啡档位') }}</h4>

                            <form class="forms-sample" id="form">

                                <div class="form-group">
                                    <label for="nickname">*咖啡金额</label>
                                    <input type="number" step="0.01" class="form-control required" name="money" placeholder="{{ __('auto.请输入咖啡金额') }}">
                                </div>
                                <div class="form-group">
                                    <label for="nickname">*咖啡档位（优惠价）</label>
                                    <input type="number" step="0.01" class="form-control required" name="favorable_price" placeholder="{{ __('auto.请输入咖啡档位') }}">
                                </div>
                                <div class="form-group">
                                    <label for="nickname">*咖啡档位（赠送彩金）</label>
                                    <input type="number" step="0.01" class="form-control required" name="give" placeholder="{{ __('auto.请输入咖啡档位') }}" value="0">
                                </div>

                                <div class="form-group">
                                    <label for="account">*渠道</label> <br>
                                    @foreach($list as $key=>$val)
                                        {{$val}}：<input type="checkbox"   name="config_id" value={{$key}}  @if ($loop->first)
                                            checked
                                        @endif>&nbsp;&nbsp;&nbsp;
                                    @endforeach

                                </div>
                                <div class="form-group">
                                    <label for="account">*开关</label><br>
                                    {{ __('auto.开启') }} <input type="radio"   name="status" value="1" checked>&nbsp;&nbsp;
                                    {{ __('auto.关闭') }} <input type="radio"   name="status" value="-1">
                                </div>


                                <button type="button" onclick="commit()" class="btn btn-sm btn-gradient-primary btn-icon-text">
                                    <i class="mdi mdi-file-check btn-icon-prepend"></i>
                                    {{ __('auto.提交') }}
                                </button>
                                <button type="button" onclick="cancel()" class="btn btn-sm btn-gradient-warning btn-icon-text">
                                    <i class="mdi mdi-reload btn-icon-prepend"></i>
                                    {{ __('auto.取消') }}
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>


        function commit(){
            if($("#password").val() != $("#password_verify").val()){
                layer.msg('{{ __('auto.两次密码输入不一致') }}', function(){});
            }
            if(!checkForm()){
                return false;
            }

            var config_ids = []
            $("input:checkbox:checked").each(function () {
                config_ids.push($(this).val())
            })
            var data = $("#form").serializeObject();

            var money = data.money
            var status = data.status
            var favorable_price = data.favorable_price
            var give = data.give
            myRequest("/admin/recharge/add","post", {money,status,config_ids,favorable_price,give},function(res){
                if(res.code == '200'){
                    layer.msg(res.msg)
                    setTimeout(function(){
                        parent.location.reload();
                    },1500)
                }else{
                    layer.msg(res.msg)
                }
            });
        }
        function cancel() {
            parent.location.reload();
        }
    </script>
@endsection