@extends('layouts.base')
@section('title', trans('基础设置'))
@section('content')
    <link rel="stylesheet" href="{{resource_get('plugins/aggregation-cps/static/index.css')}}">
    <link rel="stylesheet" href="{{static_url('css/public-number.css')}}">
    <style>

        .el-tag1 {
            line-height: 60px !important;
            height: 60px !important;
            font-size: 16px;
        }

        .el-form-item1 .el-form-item__label {
            line-height: 28px;
        }

        /* 导航 */
        .el-radio-button .el-radio-button__inner, .el-radio-button:first-child .el-radio-button__inner {
            border-radius: 4px 4px 4px 4px;
            border-left: 0px;
        }

        .el-radio-button__inner {
            border: 0;
        }

        .el-radio-button:last-child .el-radio-button__inner {
            border-radius: 4px 4px 4px 4px;
        }
    </style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-head">
                <el-tabs v-model="activeName" style="margin:10px 0;">
                    <el-tab-pane v-for="(item,index) in tab_list" :key="index" v-if="item.show==1" :label="item.name"
                                 :name="item.value"></el-tab-pane>
                </el-tabs>
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">

                <!-- 基础 -->
                <div class="vue-main" v-show="activeName=='basic'">
                    @include('Yunshop\AggregationCps::admin.setting.basic')
                </div>
                <!-- 基础 -->

                <!-- 营销 -->
                <div v-show="activeName=='market'">
                    @include('Yunshop\AggregationCps::admin.setting.market')
                </div>
                <!-- 营销 -->

                <!-- 分润 -->
                <div v-show="activeName=='profit'">
                    @include('Yunshop\AggregationCps::admin.setting.profit')
                </div>
                <!-- 分润 -->

                <!-- 每日红包设置 -->
                <div class="vue-main" v-show="activeName=='red-packet'">
                    @include('Yunshop\AggregationCps::admin.setting.red-packet')
                </div>
                <!-- 每日红包设置 -->

                <!-- app下载页设置 -->
                <div v-show="activeName=='app_version'">
                    @include('Yunshop\AggregationCps::admin.setting.app-version')
                </div>
                <!-- app下载页设置 -->

                <!-- app设置 -->
                <div v-show="activeName=='link_category'">
                    @include('Yunshop\AggregationCps::admin.setting.link-category')
                </div>
                <!-- app设置 -->

                <!-- 协议设置 -->
                <div v-show="activeName=='page_text'">
                    @include('Yunshop\AggregationCps::admin.setting.page-text')
                </div>
                <!-- 协议设置 -->

                <!-- 支付设置 -->
                <div v-show="activeName=='pay_info'">
                    @include('Yunshop\AggregationCps::admin.setting.pay-info')
                </div>
                <!-- 支付设置 -->

                <!-- 回调地址 -->
                <div v-show="activeName=='call_back'">
                    @include('Yunshop\AggregationCps::admin.setting.order-call-back')
                </div>
                <!-- 回调地址 -->


            </el-form>

            <el-dialog title="上传文件" :visible.sync="app_show" width="30%">
                <el-upload
                        class="upload-demo"
                        drag
                        :action="upload_url"
                        :before-upload="beforeAppUpload"
                        :on-success="uploadSuccess"
                        :on-error="uploadFailed"
                        :limit=1
                        :file-list="app_list"
                        ref="app-upload"
                        multiple>
                    <i class="el-icon-upload"></i>
                    <div v-if="app_modal_text1" class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                    <div v-if="app_modal_text2" class="el-upload__text">文件上传中，请稍后....</div>
                    <div class="el-upload__tip" slot="tip">证书文件格式为pem</div>
                </el-upload>

            </el-dialog>


            <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp"
                        @sure="sureImg"></upload-img>
            <upload-img :upload-show="uploadShow2" :name="chooseImgName2" @replace="changeProp2"
                        @sure="sureImg2"></upload-img>
            <upload-img :upload-show="uploadShow3" :name="chooseImgName3" @replace="changeProp3"
                        @sure="sureImg3"></upload-img>

            <pop :show="show" @replace="changeLink" @add="parHref"></pop>

        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>

    @include('public.admin.tinymceee')
    @include('public.admin.uploadImg')
    @include('public.admin.pop')

    {{--    @include('public.admin.uploadMultimediaImg')--}}

    <script>
        var app = new Vue({
            el: "#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return {
                    weixin_appid_show: true,
                    weixin_secret_show: true,
                    order_type: 1,
                    activeName: "basic",
                    tab_list: [],
                    list: [],
                    award_list: [],
                    id: 0,
                    love_name: '爱心值',
                    // 优惠券
                    coupon_show: false,
                    coupon_keyword: "",
                    coupon_list: [],
                    table_loading: false,
                    form: {
                        basic: {
                            app_key: '',
                            app_secret: '',
                            buy_show: 2,
                            share_show: 0,
                            download_url: '',
                            weixin_appid: '',
                            weixin_secret: '',
                            plugin_name: '',
                        },
                        market: {
                            point: {
                                reward_point: '',
                                reward_point1: '',
                                reward_point2: '',
                            },
                            love: {
                                love_show: 0,
                                love_name: '',
                                award_proportion: '',
                                parent_award_proportion: '',
                                second_award_proportion: '',
                            },
                            frozen_love: {
                                award_proportion: '',
                                parent_award_proportion: '',
                                second_award_proportion: '',
                                reward_event: '0',
                            },
                            balance: {
                                reward_balance: '',
                                reward_balance1: '',
                                reward_balance2: '',
                            },
                            integral: {
                                is_show: '0',
                                award_proportion: '',
                                parent_award_proportion: '',
                                second_award_proportion: '',
                            },
                        },
                        // 分润
                        profit: {
                            commission: {
                                is_show: 0,
                                is_commission: 0,
                                level: [],
                            },
                            team_dividend: {
                                is_show: 0,
                                is_dividend: 0,
                                level: [],
                            },
                            shareholder_dividend: {
                                is_no_count: 0,
                            },
                            area_dividend: {
                                open_state: 0,
                                point_open_state: 0,
                            },
                            commission_point: {
                                plugin_name:'分销消费积分',
                                status: 0,
                                is_sub: 0,
                                is_alone: 0,
                                level_list: [],
                            },
                            'performance_new': {
                                plugin_name: '新业绩奖励',
                                is_open: 0,
                            },
                        },
                        // 每日红包
                        red_packet: {
                            is_cps: 0,
                            cps_scale: '',
                            cps_proportion: '',
                        },
                        app_version: {
                            download_page_url: '',
                            top_image: '',
                            top_image_url: '',
                            top_image_link: '',
                            app_text: '',
                            app_logo: '',
                            app_logo_url: '',
                            app_name: '',
                            apk_name: '',
                        },
                        link_category: {
                            open_search_coupon: 0,
                            open_withdraw: 0,
                            open_decorate: 0,
                            max_level: '3',
                            shape: '1',
                            radius: '0',
                            top_color_open_state: 1,
                            top_color: '#F8072F',
                            bottom_default_color: '#000000',
                            bottom_select_color: '#08ED41',
                            search_state: 1,
                            bottom_button_select_top_color: '',
                            bottom_button_select_bottom_color: '',
                            bottom_button_default_top_color: '',
                            bottom_button_default_bottom_color: '',
                            search_div_type: 2,
                            bottom_button_color: {
                                open_state: 0,
                                select_top_color: '',
                                select_bottom_color: '',
                                default_top_color: '',
                                default_bottom_color: '',
                            },

                        },
                        page_text: {
                            privacy_policy: '',
                            user_agreement: '',
                        },
                        pay_info: {
                            weixin_pay: 0,
                            weixin_appid: '',
                            weixin_secret: '',
                            weixin_mchid: '',
                            weixin_apisecret: '',
                            weixin_version: 0,
                            weixin_cert: '',
                            weixin_key: '',
                        },
                    },
                    uploadShow: false,
                    uploadShow2: false,
                    uploadShow3: false,
                    chooseImgName: '',
                    chooseImgName2: '',
                    chooseImgName3: '',
                    show: false,
                    chooseLink: '',

                    submit_url: '',
                    showVisible: false,
                    loading: false,

                    upload_url: '',
                    download_page_url: '',
                    app_show: false,
                    app_modal_text1: true,
                    app_modal_text2: false,
                    show_bottom_type: '1',

                    default_bottom_color1: '',
                    default_bottom_color2: '',
                    select_bottom_color1: '',
                    select_bottom_color2: '',
                    app_list: [],

                    rules: {
                        // name:{ required: true, message: '请输入品牌名称'}
                    },

                }
            },
            created() {


            },
            mounted() {
                this.id = this.getParam("store_id");
                this.getData();
            },
            methods: {
                beforeAppUpload: function (file) {
                    if (file == 'undefined') {
                        return false;
                    }
                    this.app_modal_text1 = false;
                    this.app_modal_text2 = true;
                },
                showAppModal: function (type) {
                    if (type == 1) {
                        this.upload_url = "{!! yzWebFullUrl('plugin.aggregation-cps.admin.setting.uploadFile',['type'=>1]) !!}";
                    } else if (type == 2) {
                        this.upload_url = "{!! yzWebFullUrl('plugin.aggregation-cps.admin.setting.uploadFile',['type'=>2]) !!}";
                    }
                    this.app_list = [];
                    this.app_show = true;
                    this.app_modal_text1 = true;
                    this.app_modal_text2 = false;
                    this.showUploaderEl = true;
                },
                clearUpload() {
                    this.$refs['app-upload'].clearFiles();
                },
                uploadSuccess: function (res, file) {
                    console.log('上传成功回调');
                    this.app_modal_text1 = true;
                    this.app_modal_text2 = false;
                    if (res.result == 1) {
                        this.$message({message: res.msg, type: 'success'});
                        this.app_show = false;
                        if (res.data.type == 1) {
                            this.form.pay_info.weixin_cert = res.data.path;
                        } else if (res.data.type == 2) {
                            this.form.pay_info.weixin_key = res.data.path;
                        }
                        // this.showEditModal(res.data);
                    } else {
                        this.$message({message: res.msg, type: 'error'});
                    }
                    this.clearUpload();
                },
                uploadFailed: function (res) {
                    console.log('上传失败回调');
                    this.app_modal_text1 = true;
                    this.app_modal_text2 = false;
                    this.clearUpload();
                    this.$message({message: '上传失败', type: 'error'});
                },
                bottomButtonChange(data) {
                    if (data.open_state == 1) {
                        var count = 0;
                        this.form.link_category.bottom_button.forEach(function (v) {
                            if (v.open_state == 1) {
                                count = count + 1;
                            }
                        });
                        if (count > 5) {
                            data.open_state = 0;
                            this.$message({message: '底部栏最多开启5个', type: 'error'});
                        }
                    }
                },
                copyUrl(url, msg) {
                    let oInput = document.createElement('input');
                    oInput.value = url;
                    document.body.appendChild(oInput);
                    oInput.select(); // 选择对象;
                    console.log(oInput.value);
                    document.execCommand("Copy"); // 执行浏览器复制命令
                    this.$message({message: msg, type: 'success'});
                    oInput.remove()
                },
                changeLink(item) {
                    this.show = item;
                },
                showLink(type, name) {
                    if (type == "link") {
                        this.chooseLink = name;
                        this.show = true;
                    }
                },
                parHref(child, confirm) {
                    this.show = confirm;
                    // this.form.link=child;
                    let arr = []
                    if (this.chooseLink.indexOf(".") != -1) {
                        arr = this.chooseLink.split(".")
                        this.form[arr[0]][arr[1]] = child;
                    } else {
                        this.form[this.chooseLink] = child;
                    }

                },
                getParam(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]);
                    return null;
                },
                getData() {
                    let loading = this.$loading({
                        target: document.querySelector(".content"),
                        background: 'rgba(0, 0, 0, 0)'
                    });
                    this.$http.post('{!! yzWebFullUrl('plugin.aggregation-cps.admin.setting.get-setting') !!}', {id: this.id}).then(function (response) {
                            if (response.data.result) {
                                this.tab_list = response.data.data.tab;
                                this.form.basic = {
                                    ...response.data.data.basic
                                };
                                this.form.market = {
                                    ...response.data.data.market
                                }
                                // 分润
                                let profit_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'profit'
                                })
                                if (profit_obj.show == 1) {
                                    this.form.profit = {
                                        commission: {
                                            ...response.data.data.profit.commission
                                        },
                                        team_dividend: {
                                            ...response.data.data.profit['team-dividend']
                                        },
                                        shareholder_dividend: {
                                            ...response.data.data.profit['shareholder-dividend']
                                        },
                                        area_dividend: {
                                            ...response.data.data.profit['area_dividend']
                                        },
                                        'performance_new': {
                                            ...response.data.data.profit['performance_new']
                                        },
                                        commission_point: {
                                            ...response.data.data.profit['commission_point']
                                        },
                                    }
                                }
                                // 每日红包
                                let red_packet_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'red-packet'
                                })
                                if (red_packet_obj.show == 1) {
                                    this.form.red_packet = {
                                        ...response.data.data['red-packet']
                                    }
                                }
                                console.log(response.data.data);
                                let app_version_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'app_version'
                                })
                                if (app_version_obj.show == 1) {
                                    // console.log(123);
                                    // console.log(...response.data.data['app_version']);
                                    this.form.app_version = {
                                        ...response.data.data['app_version']
                                    }
                                }

                                let link_category_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'link_category'
                                })
                                if (link_category_obj.show == 1) {
                                    this.form.link_category = {
                                        ...response.data.data['link_category']
                                    }
                                }

                                let pay_info_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'pay_info'
                                })
                                if (pay_info_obj.show == 1) {
                                    this.form.pay_info = {
                                        ...response.data.data['pay_info']
                                    }
                                }


                                let page_text_obj = this.tab_list.find((item, index) => {
                                    return item.value == 'page_text'
                                })
                                if (page_text_obj.show == 1) {
                                    this.form.page_text = {
                                        ...response.data.data['page_text']
                                    }
                                }

                                this.love_name = response.data.data.market.love.love_name || '爱心值';
                                console.log(this.form);
                                this.getShow();

                            } else {
                                this.$message({message: response.data.msg, type: 'error'});
                            }
                            loading.close();
                        }, function (response) {
                            this.$message({message: response.data.msg, type: 'error'});
                            loading.close();
                        }
                    );
                },
                submitForm(formName) {
                    console.log(this.form)
                    let that = this;
                    let json = {
                        id: this.id,
                        basic: this.form.basic,
                        market: {
                            point: {
                                reward_point: this.form.market.point.reward_point,
                                reward_point1: this.form.market.point.reward_point1,
                                reward_point2: this.form.market.point.reward_point2,
                            },
                            balance: {
                                reward_balance: this.form.market.balance.reward_balance,
                                reward_balance1: this.form.market.balance.reward_balance1,
                                reward_balance2: this.form.market.balance.reward_balance2,
                            },
                        },
                        // 分润
                        profit: {},

                    };

                    // app版本管理
                    json.app_version = {
                        top_image: this.form.app_version.top_image,
                        top_image_link: this.form.app_version.top_image_link,
                        app_logo: this.form.app_version.app_logo,
                        app_name: this.form.app_version.app_name,
                        app_text: this.form.app_version.app_text,
                        apk_name: this.form.app_version.apk_name,
                    };

                    json.link_category = {
                        open_decorate: this.form.link_category.open_decorate,
                        open_search_coupon: this.form.link_category.open_search_coupon,
                        open_withdraw: this.form.link_category.open_withdraw,
                        max_level: this.form.link_category.max_level,
                        shape: this.form.link_category.shape,
                        radius: this.form.link_category.radius,
                        top_color_open_state: this.form.link_category.top_color_open_state,
                        top_color: this.form.link_category.top_color,
                        bottom_select_color: this.form.link_category.bottom_select_color,
                        bottom_default_color: this.form.link_category.bottom_default_color,
                        bottom_button: this.form.link_category.bottom_button,
                        search_state: this.form.link_category.search_state,
                        search_div_type: this.form.link_category.search_div_type,
                        bottom_button_color: {
                            open_state: this.form.link_category.bottom_button_color.open_state,
                            select_top_color: this.form.link_category.bottom_button_color.select_top_color,
                            select_bottom_color: this.form.link_category.bottom_button_color.select_bottom_color,
                            default_top_color: this.form.link_category.bottom_button_color.default_top_color,
                            default_bottom_color: this.form.link_category.bottom_button_color.default_bottom_color,
                        },
                        login_type: {
                            sms: this.form.link_category.login_type.sms,
                            mobile: this.form.link_category.login_type.mobile,
                            wechat: this.form.link_category.login_type.wechat,
                            together: this.form.link_category.login_type.together,
                        },
                        register_type: this.form.link_category.register_type,
                    };

                    json.pay_info = {
                        weixin_pay: this.form.pay_info.weixin_pay,
                        weixin_appid: this.form.pay_info.weixin_appid,
                        weixin_secret: this.form.pay_info.weixin_secret,
                        weixin_mchid: this.form.pay_info.weixin_mchid,
                        weixin_apisecret: this.form.pay_info.weixin_apisecret,
                        weixin_cert: this.form.pay_info.weixin_cert,
                        weixin_key: this.form.pay_info.weixin_key,
                    };

                    json.page_text = {
                        user_agreement: this.form.page_text.user_agreement,
                        privacy_policy: this.form.page_text.privacy_policy
                    };

                    if (this.form.market.love.love_show) {
                        json.market.love = {
                            award_proportion: this.form.market.love.award_proportion,
                            parent_award_proportion: this.form.market.love.parent_award_proportion,
                            second_award_proportion: this.form.market.love.second_award_proportion,
                        }
                    }
                    if (this.form.market.love.love_show) {
                        json.market.frozen_love = {
                            award_proportion: this.form.market.frozen_love.award_proportion,
                            parent_award_proportion: this.form.market.frozen_love.parent_award_proportion,
                            second_award_proportion: this.form.market.frozen_love.second_award_proportion,
                            reward_event: this.form.market.frozen_love.reward_event,
                        }
                    }
                    if (this.form.market.integral.is_show) {
                        json.market.integral = {
                            award_proportion: this.form.market.integral.award_proportion,
                            parent_award_proportion: this.form.market.integral.parent_award_proportion,
                            second_award_proportion: this.form.market.integral.second_award_proportion,
                        }
                    }
                    if (this.form.profit.commission.is_show) {
                        json.profit.commission = {
                            is_commission: this.form.profit.commission.is_commission,
                            level: this.form.profit.commission.level,
                        }
                    }
                    if (this.form.profit.area_dividend.is_show) {
                        json.profit.area_dividend = {
                            open_state: this.form.profit.area_dividend.open_state,
                            point_open_state: this.form.profit.area_dividend.point_open_state,
                        }
                    }
                    if (this.form.profit.commission_point.is_show) {
                        json.profit.commission_point = {
                            status: this.form.profit.commission_point.status,
                            is_alone: this.form.profit.commission_point.is_alone,
                            is_sub:this.form.profit.commission_point.is_sub,
                            level_list:this.form.profit.commission_point.level_list,
                        }
                    }
                    if (this.form.profit['performance_new'].is_show) {
                        json.profit.performance_new = {
                            is_open: this.form.profit.performance_new.is_open,
                        }
                    }
                    if (this.form.profit.team_dividend.is_show) {
                        json.profit['team-dividend'] = {
                            is_dividend: this.form.profit.team_dividend.is_dividend,
                            level: this.form.profit.team_dividend.level,
                        }
                    }
                    if (this.form.profit.shareholder_dividend.is_show) {
                        json.profit['shareholder-dividend'] = {
                            is_no_count: this.form.profit.shareholder_dividend.is_no_count,
                        }
                    }
                    if (this.form.profit.shareholder_dividend.is_show) {
                        json.profit['area_dividend'] = {
                            open_state: this.form.profit.area_dividend.open_state,
                            point_open_state: this.form.profit.area_dividend.point_open_state,
                        }
                    }


                    // 每日红包
                    let red_packet_obj = this.tab_list.find((item, index) => {
                        return item.value == 'red-packet'
                    })
                    if (red_packet_obj.show == 1) {
                        json.red_packet = {
                            is_cps: this.form.red_packet.is_cps,
                            cps_scale: this.form.red_packet.cps_scale,
                            cps_proportion: this.form.red_packet.cps_proportion,
                        }

                    }

                    console.log(json);
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({
                                target: document.querySelector(".content"),
                                background: 'rgba(0, 0, 0, 0)'
                            });
                            this.$http.post("{!! yzWebFullUrl('plugin.aggregation-cps.admin.setting.set') !!}", json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success', message: '操作成功!'});
                                    window.location.reload();
                                } else {
                                    this.$message({message: response.data.msg, type: 'error'});
                                }
                                loading.close();
                            }, response => {
                                loading.close();
                            });
                        } else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },
                posterQrcode(formName) {
                    console.log(this.form)
                    let json = {
                        download_url: this.form.basic.download_url,
                    };
                    console.log(json)
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({
                                target: document.querySelector(".content"),
                                background: 'rgba(0, 0, 0, 0)'
                            });
                            this.$http.post("{!! yzWebFullUrl('plugin.aggregation-cps.admin.setting.poster-qrcode') !!}", json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success', message: '操作成功!'});
                                } else {
                                    this.$message({message: response.data.msg, type: 'error'});
                                }
                                loading.close();
                            }, response => {
                                loading.close();
                            });
                        } else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },

                goBack() {
                    history.go(-1)
                },

                openUpload(str) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                },
                changeProp(val) {
                    if (val == true) {
                        this.uploadShow = false;
                    } else {
                        this.uploadShow = true;
                    }
                },
                changeProp2(val) {
                    if (val == true) {
                        this.uploadShow2 = false;
                    } else {
                        this.uploadShow2 = true;
                    }
                },
                changeProp3(val) {
                    if (val == true) {
                        this.uploadShow3 = false;
                    } else {
                        this.uploadShow3 = true;
                    }
                },
                sureImg(name, image, image_url) {
                    this.form[name] = image;
                    this.form[name + '_url'] = image_url;
                },
                sureImg2(name, image, image_url) {
                    this.form.app_version.top_image = image;
                    this.form.app_version.top_image_url = image_url;
                    console.log(this.form);
                },
                sureImg3(name, image, image_url) {
                    this.form.app_version.app_logo = image;
                    this.form.app_version.app_logo_url = image_url;
                    console.log(this.form);
                },
                clearImg(str) {
                    this.form[str] = "";
                    this.form[str + '_url'] = "";
                    this.$forceUpdate();
                },
                blurSearchFor() {
                    this.form.basic.weixin_secret = '';
                },

                ResetValue(str) {
                    switch (str) {
                        case 'basic.weixin_appid' :
                            this.form.basic.weixin_appid = ''
                            this.weixin_appid_show = true
                            break;
                        case 'basic.weixin_secret' :
                            this.form.basic.weixin_secret = ''
                            this.weixin_secret_show = true
                            break;

                    }
                },
                getShow() {

                    if (this.form.basic.weixin_appid) {
                        this.weixin_appid_show = false
                    }
                    if (this.form.basic.weixin_secret) {
                        this.weixin_secret_show = false
                    }
                },
            },
        })

    </script>
@endsection