@extends('layouts.base')
@section('title', '基础设置')
@section('content')
    <link rel="stylesheet" type="text/css" href="{{static_url('yunshop/goods/vue-goods1.css')}}"/>
    <style>
        .main-panel {
            margin-top: 50px;
        }

        .panel {
            margin-bottom: 10px !important;
            padding-left: 20px;
            border-radius: 10px;
        }

        .panel .active a {
            background-color: #29ba9c !important;
            border-radius: 18px !important;
            color: #fff;
        }

        .panel a {
            border: none !important;
            background-color: #fff !important;
        }

        .content {
            background: #eff3f6;
            padding: 10px !important;
        }

        .con {
            padding-bottom: 20px;
            position: relative;
            border-radius: 8px;
            min-height: 100vh;
            background-color: #fff;
        }

        .con .setting .block {
            padding: 10px;
            background-color: #fff;
            border-radius: 8px;
        }

        .con .setting .block .title {
            font-size: 18px;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }

        .confirm-btn {
            width: calc(100% - 266px);
            position: fixed;
            bottom: 0;
            right: 0;
            margin-right: 10px;
            line-height: 63px;
            background-color: #ffffff;
            box-shadow: 0px 8px 23px 1px rgba(51, 51, 51, 0.3);
            background-color: #fff;
            text-align: center;
        }

        b {
            font-size: 14px;
        }

        .upload-boxed .el-icon-close {
            position: absolute;
            top: -5px;
            right: -5px;
            color: #fff;
            background: #333;
            border-radius: 50%;
            cursor: pointer;
        }
    </style>
    <div id='re_content'>

        <div class="con">
            <div class="setting">
                <el-form ref="form" :model="form" label-width="15%">

                    <div class="setting">
                        <div class="block">
                            <div class="title"><span
                                        style="width: 4px;height: 18px;background-color: #29ba9c;margin-right:15px;display:inline-block;"></span><b>基础设置</b>
                            </div>
                            <el-form ref="form" :model="form" label-width="15%">
                                <el-form-item label="转发宝">
                                    <template>
                                        <el-switch
                                                v-model="form.forwarding_treasure_enable"
                                                active-value="1"
                                                inactive-value="0"
                                        >
                                        </el-switch>
                                    </template>
                                </el-form-item>
                                <el-form-item label="芸签APP ID">
                                    <el-input v-model="form.forwarding_treasure_appid" style="width:70%;"></el-input>
                                </el-form-item>
                                <el-form-item label="芸签APP Secret">
                                    <el-input v-model="form.forwarding_treasure_appsecret"
                                              style="width:70%;"></el-input>
                                </el-form-item>

                                <el-form-item label="AI验证次数">
                                    <el-input type="number" v-model="form.forwarding_treasure_num"
                                              style="width:70%;"></el-input>
                                </el-form-item>

                                <el-form-item>
                                    <p>接口总数:[[yun_form.apiTotalCount]] 单;接口使用总数: [[yun_form.statistics]]
                                        单;接口剩余总数:[[yun_form.apiTotalCount - yun_form.statistics]]
                                        单;到期时间:[[yun_form.endDate]]</p>
                                </el-form-item>
                            </el-form>
                        </div>
                    </div>
            </div>
            <div class="confirm-btn">
                <el-button type="primary" @click="submit">提交</el-button>
            </div>
            </el-form>
        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>
    @include('public.admin.tinymceee')
    @include('public.admin.uploadImg')
    <script>
        var vm = new Vue({
            el: "#re_content",
            delimiters: ['[[', ']]'],
            data() {
                let info = {!!json_encode($data?:'{}') !!};

                return {
                    activeName: 'one',
                    uploadShow: false,
                    chooseImgName: '',
                    uploadListShow: false,
                    chooseImgListName: '',
                    form: {
                        forwarding_treasure_enable: info.forwarding_treasure_enable && info.forwarding_treasure_enable ? info.forwarding_treasure_enable : '0',
                        forwarding_treasure_appid: info.forwarding_treasure_appid && info.forwarding_treasure_appid ? info.forwarding_treasure_appid : '',
                        forwarding_treasure_appsecret: info.forwarding_treasure_appsecret && info.forwarding_treasure_appsecret ? info.forwarding_treasure_appsecret : '',
                        forwarding_treasure_num: info.forwarding_treasure_num && info.forwarding_treasure_num ? info.forwarding_treasure_num : 3,
                    },
                    yun_form:info.yun_form
                }
            },
            mounted() {
            },
            methods: {

                submit() {
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post('{!! yzWebFullUrl('plugin.forwarding-treasure.admin.setting.register') !!}', {'register': this.form}).then(function (response) {
                        if (response.data.result) {
                            this.$message({message: response.data.msg, type: 'success'});
                        } else {
                            this.$message({message: response.data.msg, type: 'error'});
                        }
                        loading.close();
                        location.reload();
                    }, function (response) {
                        this.$message({message: response.data.msg, type: 'error'});
                    })
                },
                openUpload(str) {

                    this.chooseImgName = str;
                    this.uploadShow = true;
                },
                changeProp(val) {
                    if (val == true) {
                        this.uploadShow = false;
                    } else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name, image, image_url) {
                    this.form[name] = image;
                    this.form[name + '_url'] = image_url;
                },

            },
        });
    </script>
@endsection('content')