@extends('partial.master')
@section('page_title', __('basic.Stock'))

@section('scripts')
    <script type='text/javascript'>
        form_obj.module = 'Stock';
        form_obj.controller = 'StockController';
        form_obj.route_name = '{{ basename(url()->current()) }}';

        dropzone2 = new CustomDropzone(_dp); // headshot dropzone
        const c_dp = {
            'acceptedFiles': 'image/*',
            'type': 'insert',
            'upload_root_path': '{{ addslashes(storage_path('app/public/stock')) }}',
            'url_root_path': '{{ addslashes(url('storage/stock')) }}',
            'Width': null,
            'Height': null,
            'print_log': false,
        }
        const p_dp = Object.assign({}, c_dp);
        const h_dp = Object.assign({}, c_dp);
        h_dp.img_file_org_name = 'head_file_org_name';
        h_dp.img_file_name = 'head_file_name';
        h_dp.img_file_media_type = 'head_file_media_type';
        h_dp.img_file_size = 'head_file_size';
        // 驗證
        const validator = FormValidation.formValidation(
            document.getElementById('detail_fm'), {
                fields: {
                    // 'name': {
                    //     validators: {
                    //         notEmpty: {
                    //             message: "{{ __('basic.Name') . __('basic.CanNotEmpty') }}"
                    //         }
                    //     }
                    // },
                    'stock_category_id': {
                        validators: {
                            notEmpty: {
                                message: "{{ __('stock.Category') . __('basic.CanNotEmpty') }}"
                            }
                        }
                    },
                    'stock_brand_id': {
                        validators: {
                            notEmpty: {
                                message: "{{ __('stock.Brand') . __('basic.CanNotEmpty') }}"
                            }
                        }
                    },
                },
                plugins: {
                    trigger: new FormValidation.plugins.Trigger(),
                    bootstrap: new FormValidation.plugins.Bootstrap5({
                        rowSelector: '.fv-row',
                        eleInvalidClass: '',
                        eleValidClass: ''
                    })
                }
            }
        );

        let bonus_set = ['bonus', 'bonus_level', 'bonus_moq', 'bonus_percentage', 'bonus_select'];

        form_obj.detail.ajax.save = function() {

            // Validate form before submit
            if (validator) {
                validator.validate().then(function(status) {
                    if (status == 'Valid') {
                        if (empty($('#name_zh_TW').val())) {
                            Swal.fire({
                                html: '請輸入繁體中文名稱',
                                icon: "error",
                                buttonsStyling: !1,
                                confirmButtonText: "{{ __('basic.OK') }}",
                                customClass: {
                                    confirmButton: "btn btn-primary"
                                }
                            })
                            return;
                        }

                        if ($('#valid').prop('checked')) {
                            let valid = true;
                            if ($('.combination_retail_price').length > 0) {
                                var text = '尚有規格價格為0，無法上架';
                                $('.combination_retail_price').each(function(i, o) {
                                    let price = $(o).val();
                                    if (empty(price) || price == 0) {
                                        valid = false;
                                        return false;
                                    }
                                });
                            } else {
                                var text = '價格為0，無法上架';
                                if (empty($('#retail_price').val()) || $('#retail_price').val() == 0) {
                                    valid = false;
                                }
                            }
                            if ($('.combination_preferential_price').length > 0) {
                                text = '優惠價不得大於原價';
                                $('.combination_preferential_price').each(function(i, o) {
                                    let price = parseInt($(o).val());
                                    let retail = parseInt($(".combination_retail_price").eq(i).val());
                                    console.log(i, o);
                                    console.log(price);
                                    console.log(retail);
                                    if (price > retail) {
                                        console.log(price, retail);
                                        valid = false;
                                        return false;
                                    }
                                });
                            }


                            if (!valid) {
                                Swal.fire({
                                    html: text,
                                    icon: "error",
                                    buttonsStyling: !1,
                                    confirmButtonText: "{{ __('basic.OK') }}",
                                    customClass: {
                                        confirmButton: "btn btn-primary"
                                    }
                                })
                                return;
                            }
                        }

                        page.loading.start('.modal-content');

                        // Show loading indication
                        $('.modal button[type=submit]').attr('data-kt-indicator', 'on');
                        // Disable button to avoid multiple click
                        $('.modal button[type=submit]').prop('disabled', true);

                        var formData = new FormData($('#detail_fm')[0]);
                        formData.append('module', form_obj.module);
                        formData.append('controller', form_obj.controller);
                        formData.append('type', formData.get(form_obj.detail.type_id));
                        formData.append('id', formData.get(form_obj.detail.master_id));
                        formData.append('print_log', false);

                        $.ajax({
                            data: formData,
                            datatype: 'json',
                            contentType: false,
                            processData: false,
                            success: function(data, textStatus, jqXHR) {
                                // console.log(data);
                                if (isJson(data)) {
                                    // Remove loading indication
                                    $('.modal button[type=submit]').removeAttr('data-kt-indicator');
                                    // Enable button
                                    $('.modal button[type=submit]').prop('disabled', false);

                                    let json = JSON.parse(data);
                                    if (json.status) {
                                        // Show popup confirmation
                                        Swal.fire({
                                            text: json.msg + "!",
                                            icon: "success",
                                            buttonsStyling: false,
                                            confirmButtonText: "{{ __('basic.OK') }}",
                                            customClass: {
                                                confirmButton: "btn btn-primary"
                                            }
                                        }).then((function(t) {
                                            location.reload()
                                        }));
                                    } else {
                                        Swal.fire({
                                            html: json.msg.replaceAll("\r\n", "<BR>"),
                                            icon: "error",
                                            buttonsStyling: !1,
                                            confirmButtonText: "{{ __('basic.OK') }}",
                                            customClass: {
                                                confirmButton: "btn btn-primary"
                                            }
                                        }).then(function() {
                                            page.loading.stop('.modal-content');
                                        });
                                    }
                                }
                            },
                            error: ajaxError
                        });
                    }
                });
            }

        }

        form_obj.detail.ajax.get = function() {
            // Get data
            $.ajax({
                data: {
                    module: form_obj.module,
                    controller: form_obj.controller,
                    type: 'read',
                    where: {
                        id: $('#' + form_obj.detail.master_id).val(),
                    },
                    print_log: false,
                },
                success: function(data, textStatus, jqXHR) {
                    // console.log(data);
                    if (isJson(data)) {
                        var json = JSON.parse(data);
                        form_obj.detail.displayData(json['data']['list'][0]);

                        // Show detail modal
                        $("#detail_modal").modal('show');
                    }
                },
                error: ajaxError
            });

        }

        form_obj.detail.displayData = function(data) {
            console.log(data);
            validator.resetForm(true);

            // init dropzone
            dropzone.destroy(); // destroy
            // let p_dp = c_dp;
            p_dp.target = '#picture';
            p_dp.maxFiles = 10;
            p_dp.master_id = data['id'];
            dropzone.setParams(p_dp);
            dropzone.init();

            // 大頭貼
            dropzone2.destroy(); // destroy
            // let h_dp = c_dp;
            h_dp.target = '#head_shot';
            h_dp.maxFiles = 1;
            h_dp.master_id = data['id'];
            dropzone2.setParams(h_dp);
            dropzone2.init();

            $('input,textarea,select').each(function() {
                if (this.id in data) {
                    if (empty(data[this.id]) || this.id == "price") return;

                    if (this.id == 'valid' || this.id == 'point_stock') {
                        if (data[this.id]) $(this).prop('checked', true);
                    } else {
                        this.value = data[this.id];
                    }
                    if (this.multiple) {
                        if (!empty(data[this.id])) {
                            $(this).val(data[this.id].split(','));
                        }
                    }

                }
            });

            // lang
            for (var i in data['lang_name']) {
                var langNameRow = data['lang_name'][i];

                $('#name_' + langNameRow['lang_id']).val(langNameRow['name']);
            }

            if (empty($('#name_zh_TW').val())) {
                $('#name_zh_TW').val(data['name']);
            }

            for (var i in data['lang_desc']) {
                var langDescRow = data['lang_desc'][i];

                $('#description_' + langDescRow['lang_id']).val(langDescRow['description']);
            }

            /*
            // price
            for(var i in data['price'])
            {
                var priceRow = data['price'][i];

                $($('.detail_price_type')[i]).val(priceRow['price_type_id']).trigger('change');
                $($('.detail_price')[i]).val(priceRow['price']);

                if(i<data['price'].length-1)$('.add_price_btn').click();
            }
            */

            /*
            // supplier
            for(var i in data['supplier'])
            {
                var supplierRow = data['supplier'][i];

                $('select[name="partner_detail['+i+'][partner_id]"]').val(supplierRow['partner_id']);
                $('input[name="partner_detail['+i+'][stock_code]"]').val(supplierRow['stock_code']);

                if(i<data['supplier'].length-1)$('.add_partner_btn').click();
            }
            */

            // spec
            for (var i in data['spec']) {
                var stockSpecRow = data['spec'][i];
                var specRow = stockSpecRow['info'];

                $($('.stock_spec_id')[i]).val(stockSpecRow['id']);
                $($('.spec_id')[i]).val(specRow['id']);
                $($('.spec_name')[i]).val(specRow['name']);

                for (var d in specRow['detail']) {
                    var specDetailRow = specRow['detail'][d];
                    var $row = $($('.spec_name')[i]).closest('.row');

                    $row.find('.spec_detail_id').eq(d).val(specDetailRow['id']);
                    $row.find('.spec_detail_name').eq(d).val(specDetailRow['name']);

                    if (d < specRow['detail'].length - 1) $row.find('.add_spec_detail_btn').click();
                }

                if (i < data['spec'].length - 1) $('.add_spec_btn').click();
            }
            createSpecTable();

            // spec table
            if (!empty(data['spec_combination'])) {
                let combination = data['spec_combination']['meta_value'];
                $('#spec_combination').val(combination);

                /*
                if(!empty(data['inv']) && data['inv'].length>0) 
                {
                    for(var i=0; i<data['inv'].length; i++) 
                    {
                        var inventory = data['inv'][i];
                        $('.combination_sku').eq(i).val(inventory['qty']);
                    } 
                }

                if(!empty(data['price']) && data['price'].length>0) 
                {
                    for(var i=0; i<data['price'].length; i++) 
                    {
                        var price = data['price'][i];
                        $('.combination_retail_price').eq(i).val(price['price']);
                    } 
                }
                */

                if (!empty(data['serial']) && data['serial'].length > 0) {
                    for (var i = 0; i < data['serial'].length; i++) {
                        var serial = data['serial'][i];
                        $('.combination_sku').eq(i).val(serial['inv']['qty']);
                        $('.combination_retail_price').eq(i).val(serial['retail_price']['price']);
                        let preferential_price = serial['preferential_price'] ? serial['preferential_price']['price'] :
                            '';
                        $('.combination_preferential_price').eq(i).val(preferential_price);
                        $('.combination_coin').eq(i).val(serial['coin']);

                        $.each(bonus_set, function(idx, v) {
                            // console.log($('.combination_' + v).eq(i));
                            $('.combination_' + v).eq(i).val(serial[v]);
                        });


                        if (!empty(serial['supplier']) && serial['supplier'].length > 0) {
                            var supplier = [];
                            serial['supplier'].forEach(function(item) {
                                supplier.push({
                                    'partner_id': item.partner_id,
                                    'stock_code': item.stock_code
                                })
                            });
                            $('.combination_supplier').eq(i).val(JSON.stringify(supplier));
                            $('.combination_supplier').eq(i).prev('button').find('i').addClass('text-primary');
                        }
                    }
                }

            } else {
                if (!empty(data['inv']) && data['inv'].length > 0) {
                    $('#inventory').val(data['inv'][0]['qty']);
                }

                if (!empty(data['retail_price'])) {
                    $('#retail_price').val(data['retail_price']['price']);
                }
                if (!empty(data['preferential_price'])) {
                    $('#preferential_price').val(data['preferential_price']['price']);
                }

                if (!empty(data['supplier'])) {
                    for (var i in data['supplier']) {
                        var supplierRow = data['supplier'][i];

                        $('select[name="partner_detail[' + i + '][partner_id]"]').val(supplierRow['partner_id']);
                        $('input[name="partner_detail[' + i + '][stock_code]"]').val(supplierRow['stock_code']);

                        if (i < data['supplier'].length - 1) $('.add_partner_btn').click();
                    }
                }
                if (!empty(data['serial']) && data['serial'].length > 0) {
                    let serial = data['serial'][0];
                    $.each(bonus_set, function(idx, v) {
                        $('.' + v).val(serial[v]);

                    });

                }
            }

            // media
            if (!empty(data['media']) && data['media'].length > 0) {
                // console.log(data['media']);
                let files = [];
                $.each(data['media'], function(idx, v) {
                    if (v['sorting'] == 1) {
                        var headshot = [{
                            'name': v['org_name'],
                            'org_name': v['name'],
                            'media_type': v['media_type'],
                            'size': v['size'],
                        }]
                        dropzone2.createFile(headshot);
                    } else {
                        files.push({
                            'name': v['org_name'],
                            'org_name': v['name'],
                            'media_type': v['media_type'],
                            'size': v['size'],
                        })
                    }
                });
                dropzone.createFile(files);

            }

            //文字編輯器的內容
            $('#feature').froalaEditor('html.set', data['feature']);
            $('#specification').froalaEditor('html.set', data['specification']);

            $('select').trigger('change.select2');
            $('select.bonus_select').trigger('change');
        }

        form_obj.detail.ajax.delete = function(id) {
            // Delete data
            page.loading.start();

            $.ajax({
                data: {
                    module: form_obj.module,
                    controller: form_obj.controller,
                    type: 'delete',
                    where: {
                        id: id,
                    },
                    print_log: false,
                },
                success: function(data, textStatus, jqXHR) {
                    // console.log(data);
                    if (isJson(data)) {
                        var json = JSON.parse(data);
                        if (json.status) {
                            Swal.fire({
                                text: json.msg + "!",
                                icon: "success",
                                buttonsStyling: !1,
                                confirmButtonText: "{{ __('basic.OK') }}",
                                customClass: {
                                    confirmButton: "btn fw-bold btn-primary"
                                }
                            }).then((function() {
                                location.reload()
                            }))
                        } else {
                            page.loading.stop();
                            Swal.fire({
                                text: json.msg + "!",
                                icon: "error",
                                buttonsStyling: !1,
                                confirmButtonText: "{{ __('basic.OK') }}",
                                customClass: {
                                    confirmButton: "btn fw-bold btn-primary"
                                }
                            })
                        }
                    }
                },
                error: ajaxError
            });
        }

        form_obj.detail.ajax.export = function() {
            page.loading.start();
            $.ajax({
                data: {
                    module: form_obj.module,
                    controller: form_obj.controller,
                    type: 'export',
                    print_log: false,
                    // where:{
                    //     from_date: $('#filter_sale_date_from').val() || null,
                    //     to_date: $('#filter_sale_date_to').val() || null,
                    //     is_payment: $('#filter_is_payment').val() || null,
                    //     many_sale_status_id: ($('#filter_sale_status_id').val().length==0)?null:$('#filter_sale_status_id').val(),
                    // },
                },
                dataType:'json',
                success: function(data,textStatus,jqXHR) {
                    // console.log(data);
                    console.log(data);
                    page.loading.stop();

                    if(data.status)
                    {
                        window.location.href = data.data.url;
                    }
                },
                error:ajaxError
            });
        }

        $(function() {
            dataTable = new DataTableCls('#data_table');
            dataTable.defineGetData = () => {
                return {
                    module: form_obj.module,
                    controller: form_obj.controller,
                    type: 'read',
                    where: {
                        valid: $('#filter_valid').val() || null,
                        inventory: $('#filter_inventory').val() || null,
                        stock_brand_id: $('#filter_stock_brand_id').val() || null,
                        stock_category_id: $('#filter_stock_category_id').val() || null
                    },
                    print_log: false,
                };
            }
            dataTable.defineColumn = () => {
                return [{
                        data: null,
                        className: 'text-center',
                        orderable: false,
                        render: function(data, type, row) {
                            return `<button type="button" class="btn btn-sm btn-icon btn-light btn-active-light-primary toggle h-25px w-25px" data-kt-docs-datatable-subtable="expand_row">
                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr087.svg-->
                                    <span class="svg-icon svg-icon-3 m-0 toggle-off">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect opacity="0.5" x="11" y="18" width="12" height="2" rx="1" transform="rotate(-90 11 18)" fill="currentColor"></rect>
                                            <rect x="6" y="11" width="12" height="2" rx="1" fill="currentColor"></rect>
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->
                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr089.svg-->
                                    <span class="svg-icon svg-icon-3 m-0 toggle-on">
                                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <rect x="6" y="11" width="12" height="2" rx="1" fill="currentColor"></rect>
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->
                                </button>`;
                        },
                    },
                    {
                        data: null,
                        className: 'text-center',
                        orderable: false,
                        render: function(data, type, row) {
                            var tableActionMenu = [];
                            tableActionMenu = dataTable.getTableActionMenuItemShortCode('er');

                            tableActionMenu.push({
                                text: '<i class="la la-sync fs-5 me-2"></i>{{ __('basic.SyncInventory') }}',
                                method: '',
                                className: 'sync_btn'
                            });

                            return dataTable.getTableActionMenu(tableActionMenu, false);
                            // return dataTable.getTableActionMenu('er',true);
                        },
                    },
                    {
                        data: "valid",
                        className: 'text-center',
                        render: function(data, type, row) {
                            let checked = '';
                            if (data) {
                                checked = 'checked';
                            }
                            return `<!--begin::Switch-->
                        <label class="form-check form-switch form-check-custom form-check-solid ms-10">
                            <input class="form-check-input datatable_valid" type="checkbox" value="1" data-key="${row.id}" ${checked} />
                        </label>
                        <!--end::Switch-->`;
                        }
                    },
                    {
                        data: "sorting",
                        className: 'text-center'
                    },
                    {
                        data: "code",
                        className: 'text-center'
                    },
                    {
                        data: "name",
                        className: 'text-center',
                        render: function(data, type, row) {
                            return `
                            <input type="hidden" class="data_id" value="${row.id}" />
                            <span class="">${data}</span>
                        `;
                        }
                    },
                    {
                        data: "barcode",
                        className: 'text-center'
                    },
                    {
                        data: "category",
                        className: 'text-center',
                        orderable: false
                    },
                    {
                        data: "brand",
                        className: 'text-center',
                        orderable: false
                    },
                    {
                        data: "country",
                        className: 'text-center',
                        orderable: false
                    },
                    {
                        data: "current_price",
                        className: 'text-center',
                        render: function(data, type, row) {
                            return `$${appendFormat(data,',')}`;
                        }
                    },
                    {
                        data: "qty",
                        className: 'text-center',
                        orderable: false
                    },
                ];
            }

            dataTable.defineOrder = () => {
                return [
                    [3, 'asc']
                ];
            }

            dataTable.renderRow = (list) => {
                if (list == undefined) return;
                var row = list.map(function(value, index, array) {
                    return {
                        "id": value.id,
                        "sorting": index + 1,
                        "code": value.code,
                        "barcode": (!empty(value.barcode)) ? value.barcode : "--",
                        "name": value.name,
                        "category": value.category.name,
                        "brand": value.brand.name,
                        "country": (!empty(value.country_id)) ? value.country.name : "--",
                        "current_price": (!empty(value.current_price)) ? value.current_price : 0,
                        "valid": value.valid,
                        "qty": value.qty,
                        "detail": value.serial,
                    }
                })
                return row;
            }

            // DataTable init
            KTUtil.onDOMContentLoaded(function() {
                dataTable.init();

                $('#data_table').on('draw.dt', function() {
                    // 上下架
                    $('.datatable_valid').click(function() {
                        let _this = this;
                        let checked = $(_this).prop("checked");
                        let id = $(_this).data("key");

                        let text = "確定要下架?";
                        let valid = 0;
                        if (checked) {
                            text = "確定要上架?";
                            valid = 1;
                        }

                        Swal.fire({
                            text: text,
                            icon: "warning",
                            showCancelButton: !0,
                            buttonsStyling: !1,
                            confirmButtonText: "{{ __('basic.Sure') }}",
                            cancelButtonText: "{{ __('basic.Cancel') }}",
                            customClass: {
                                confirmButton: "btn fw-bold btn-danger",
                                cancelButton: "btn fw-bold btn-active-light-primary"
                            }
                        }).then((function(result) {
                            if (result.value) {
                                $.ajax({
                                    data: {
                                        module: form_obj.module,
                                        controller: form_obj.controller,
                                        type: 'valid',
                                        id: id,
                                        valid: valid,
                                        print_log: false,
                                    },
                                    success: function(data, textStatus,
                                        jqXHR) {
                                        // console.log(data);
                                        if (isJson(data)) {
                                            var json = JSON.parse(
                                                data);
                                            if (json.status) {
                                                Swal.fire({
                                                    text: json
                                                        .msg +
                                                        "!",
                                                    icon: "success",
                                                    buttonsStyling:
                                                        !1,
                                                    confirmButtonText: "{{ __('basic.OK') }}",
                                                    customClass: {
                                                        confirmButton: "btn fw-bold btn-primary"
                                                    }
                                                }).then((
                                                    function() {

                                                    }))
                                            } else {
                                                page.loading.stop();
                                                Swal.fire({
                                                    text: json
                                                        .msg +
                                                        "!",
                                                    icon: "error",
                                                    buttonsStyling:
                                                        !1,
                                                    confirmButtonText: "{{ __('basic.OK') }}",
                                                    customClass: {
                                                        confirmButton: "btn fw-bold btn-primary"
                                                    }
                                                }).then((
                                                    function() {
                                                        $(_this)
                                                            .prop(
                                                                "checked",
                                                                !
                                                                checked
                                                            );
                                                    }))
                                            }
                                        }
                                    },
                                    error: ajaxError
                                });
                            } else {
                                $(_this).prop("checked", !checked);
                            }
                        }))
                    });
                    // 同步供應商對應商品
                    $('.sync_btn').click(function(e) {
                        Swal.fire({
                            text: "確定要同步嗎?",
                            icon: "warning",
                            showCancelButton: !0,
                            buttonsStyling: !1,
                            confirmButtonText: "{{ __('basic.Yes') }}",
                            cancelButtonText: "{{ __('basic.No') }}",
                            customClass: {
                                confirmButton: "btn btn-primary me-3",
                                cancelButton: "btn btn-active-light"
                            }
                        }).then((function(t) {
                            if (t.value) {
                                page.loading.start();

                                const parent = e.target.closest('tr');
                                // Get data info
                                const dataId = parent.querySelector(".data_id")
                                    .value;

                                $.ajax({
                                    data: {
                                        module: form_obj.module,
                                        controller: form_obj.controller,
                                        type: 'sync',
                                        stock_id: dataId,
                                        print_log: false,
                                    },
                                    success: function(data, textStatus,
                                        jqXHR) {
                                        // console.log(data);
                                        if (isJson(data)) {
                                            var json = JSON.parse(
                                                data);
                                            if (json.status) {
                                                Swal.fire({
                                                    text: json
                                                        .msg +
                                                        "!",
                                                    icon: "success",
                                                    buttonsStyling:
                                                        !1,
                                                    confirmButtonText: "{{ __('basic.OK') }}",
                                                    customClass: {
                                                        confirmButton: "btn fw-bold btn-primary"
                                                    }
                                                }).then((
                                                    function() {
                                                        location
                                                            .reload();
                                                    }))
                                            } else {
                                                page.loading.stop();
                                            }
                                        }
                                    },
                                    error: ajaxError,
                                    beforeSend: function() {
                                        // Show loading indication
                                        $('#sync_btn').attr(
                                            'data-kt-indicator',
                                            'on');
                                        // Disable button to avoid multiple click
                                        $('#sync_btn').prop(
                                            'disabled', true);
                                    },
                                    complete: function() {
                                        // Hide loading indication
                                        $('#sync_btn').removeAttr(
                                            'data-kt-indicator');
                                        // Enable button to avoid multiple click
                                        $('#sync_btn').prop(
                                            'disabled', false);
                                    }
                                });
                            }
                        }))
                    })
                });
                // 匯入
                $('#import_btn').click(function() {
                    $('#upload_file').trigger('click');
                })
                // 上傳檔案(excel)
                $('#upload_file').change(function(e) {
                    if (!e.target.files[0]) {
                        return;
                    }
                    Swal.fire({
                        text: '確定要上傳嗎?',
                        icon: "warning",
                        showCancelButton: !0,
                        buttonsStyling: !1,
                        confirmButtonText: "{{ __('basic.Sure') }}",
                        cancelButtonText: "{{ __('basic.Cancel') }}",
                        customClass: {
                            confirmButton: "btn fw-bold btn-danger",
                            cancelButton: "btn fw-bold btn-active-light-primary"
                        }
                    }).then((function(result) {
                        if (result.value) {
                            var formData = new FormData();
                            formData.append('upload_file', e.target.files[0]);
                            formData.append('module', form_obj.module);
                            formData.append('controller', form_obj.controller);
                            formData.append('type', 'import');
                            formData.append('print_log', false);

                            var timeStart = Date.now();

                            $.ajax({
                                data: formData,
                                datatype: 'json',
                                contentType: false,
                                processData: false,
                                success: function(data, textStatus, jqXHR) {
                                    // console.log(data);
                                    console.log("總共時間: ", Date.now() -
                                        timeStart);
                                    if (isJson(data)) {
                                        var json = JSON.parse(data);
                                        if (json.status) {
                                            var warning_msg = '';
                                            $.each(json.data.warning,
                                                function(key, row) {
                                                    warning_msg += '第' +
                                                        key + '筆資料\r\n';
                                                    row.forEach(
                                                        function(
                                                            item) {
                                                            if (item[
                                                                    0
                                                                ] ==
                                                                "download"
                                                            ) {
                                                                warning_msg
                                                                    +=
                                                                    item[
                                                                        1
                                                                    ] +
                                                                    ' 下載失敗.\r\n';
                                                            }
                                                        })
                                                })

                                            // Show popup confirmation
                                            Swal.fire({
                                                title: json.msg,
                                                html: warning_msg
                                                    .replaceAll(
                                                        "\r\n",
                                                        "<BR>"),
                                                icon: "success",
                                                buttonsStyling: false,
                                                confirmButtonText: "{{ __('basic.OK') }}",
                                                customClass: {
                                                    confirmButton: "btn btn-primary"
                                                }
                                            }).then((function(t) {
                                                location
                                                    .reload();
                                            }));
                                        } else {
                                            var error_msg = '';
                                            for (var i = 0; i < json.data
                                                .error.length; i++) {
                                                var error_row = json.data
                                                    .error[i];

                                                if (error_row[1] ==
                                                    "require") {
                                                    error_msg += '第' +
                                                        error_row[0] +
                                                        '筆資料，' + error_row[
                                                            2] +
                                                        ' 為必填.\r\n';
                                                } else if (error_row[1] ==
                                                    "unique") {
                                                    error_msg += '第' +
                                                        error_row[0] +
                                                        '筆資料，' + error_row[
                                                            2] + ' 重複.\r\n';
                                                } else if (error_row[1] ==
                                                    "undefined") {
                                                    error_msg += '第' +
                                                        error_row[0] +
                                                        '筆資料，系統無此 ' +
                                                        error_row[2] +
                                                        '.\r\n';
                                                } else if (error_row[1] ==
                                                    "format") {
                                                    error_msg += '第' +
                                                        error_row[0] +
                                                        '筆資料，' + error_row[
                                                            2] +
                                                        ' 必須為日期格式.\r\n';
                                                }
                                            }

                                            page.loading.stop();
                                            Swal.fire({
                                                html: error_msg
                                                    .replaceAll(
                                                        "\r\n",
                                                        "<BR>"),
                                                icon: "error",
                                                buttonsStyling: !1,
                                                confirmButtonText: "{{ __('basic.OK') }}",
                                                customClass: {
                                                    confirmButton: "btn btn-primary"
                                                }
                                            })
                                        }
                                    }
                                },
                                error: ajaxError,
                                beforeSend: function() {
                                    // Show loading indication
                                    $('#import_btn').attr(
                                        'data-kt-indicator', 'on');
                                    // Disable button to avoid multiple click
                                    $('#import_btn').prop('disabled', true);
                                },
                                complete: function() {
                                    // Hide loading indication
                                    $('#import_btn').removeAttr(
                                        'data-kt-indicator');
                                    // Enable button to avoid multiple click
                                    $('#import_btn').prop('disabled',
                                        false);
                                }
                            });
                        }
                    }))
                });
                // 同步供應商所有商品
                $('#sync_btn').click(function() {
                    Swal.fire({
                        text: '確定要同步嗎?',
                        icon: "warning",
                        showCancelButton: !0,
                        buttonsStyling: !1,
                        confirmButtonText: "{{ __('basic.Sure') }}",
                        cancelButtonText: "{{ __('basic.Cancel') }}",
                        customClass: {
                            confirmButton: "btn fw-bold btn-danger",
                            cancelButton: "btn fw-bold btn-active-light-primary"
                        }
                    }).then((function(result) {
                        if (result.value) {
                            $.ajax({
                                data: {
                                    module: form_obj.module,
                                    controller: form_obj.controller,
                                    type: 'sync',
                                    print_log: false,
                                },
                                success: function(data, textStatus, jqXHR) {
                                    // console.log(data);
                                    if (isJson(data)) {
                                        var json = JSON.parse(data);
                                        if (json.status) {
                                            Swal.fire({
                                                text: json.msg +
                                                    "!",
                                                icon: "success",
                                                buttonsStyling: !1,
                                                confirmButtonText: "{{ __('basic.OK') }}",
                                                customClass: {
                                                    confirmButton: "btn fw-bold btn-primary"
                                                }
                                            }).then((function() {
                                                location
                                                    .reload();
                                            }))
                                        } else {
                                            page.loading.stop();
                                            Swal.fire({
                                                text: json.msg +
                                                    "!",
                                                icon: "error",
                                                buttonsStyling: !1,
                                                confirmButtonText: "{{ __('basic.OK') }}",
                                                customClass: {
                                                    confirmButton: "btn fw-bold btn-primary"
                                                }
                                            }).then((function() {
                                                $(_this).prop(
                                                    "checked",
                                                    !checked
                                                );
                                            }))
                                        }
                                    }
                                },
                                error: ajaxError,
                                beforeSend: function() {
                                    // Show loading indication
                                    $('#sync_btn').attr('data-kt-indicator',
                                        'on');
                                    // Disable button to avoid multiple click
                                    $('#sync_btn').prop('disabled', true);
                                },
                                complete: function() {
                                    // Hide loading indication
                                    $('#sync_btn').removeAttr(
                                        'data-kt-indicator');
                                    // Enable button to avoid multiple click
                                    $('#sync_btn').prop('disabled', false);
                                }
                            });
                        }
                    }))
                });
                //
                $('#modal_partner').click(function() {
                    $('button[data-key="' + b64EncodeUnicode($('#kt_modal_partner_title').text()) +
                        '"]').next('input').val('');
                    $('button[data-key="' + b64EncodeUnicode($('#kt_modal_partner_title').text()) +
                        '"] i').removeClass('text-primary');

                    var supplier = [];
                    $('select.modal_supplier_partner_id').each(function(i, o) {
                        if (empty($(this).val()) || empty($('.modal_supplier_stock_code')
                                .eq(i).val())) return;

                        supplier.push({
                            'partner_id': $(this).val(),
                            'stock_code': $('.modal_supplier_stock_code').eq(i)
                                .val()
                        })
                    })

                    if (supplier.length > 0) {
                        $('button[data-key="' + b64EncodeUnicode($('#kt_modal_partner_title')
                            .text()) + '"]').next('input').val(JSON.stringify(supplier));
                        $('button[data-key="' + b64EncodeUnicode($('#kt_modal_partner_title')
                            .text()) + '"] i').addClass('text-primary');
                    }

                    $('#kt_modal_partner').modal('hide');
                });
                    
                //匯出
                $('#export_btn').click(function(){
                    form_obj.detail.ajax.export();
                });

                //
                $('#kt_modal_partner').on('hidden.bs.modal', function(e) {
                    $('.del_partner_btn').not(':eq(0)').trigger('click');

                    $('.modal_supplier_partner_id').val('').trigger('change');
                    $('.modal_supplier_stock_code').val('');
                })
                //
                $('#partner_detail').repeater({
                    initEmpty: false,
                    defaultValues: {
                        'text-input': 'foo'
                    },
                    show: function() {
                        $(this).slideDown();

                        // Re-init select2
                        $(this).find('[data-kt-repeater="select2"]').select2();
                    },
                    hide: function(deleteElement) {
                        $(this).slideUp(deleteElement);
                    },
                    ready: function() {
                        // Init select2
                        $('#partner_detail').find('[data-kt-repeater="select2"]').select2();
                    }
                });

                //
                $('#modal_partner_detail').repeater({
                    initEmpty: false,
                    defaultValues: {
                        'text-input': 'foo'
                    },
                    show: function() {
                        $(this).slideDown();

                        // Re-init select2
                        // $(this).find('[data-kt-repeater="select2"]').select2();
                    },
                    hide: function(deleteElement) {
                        $(this).slideUp(deleteElement);
                    },
                    ready: function() {
                        // Init select2
                        $('#modal_partner_detail').find('[data-kt-repeater="select2"]')
                            .select2();
                    }
                });

                //
                $('#spec').repeater({
                    repeaters: [{
                        selector: '.inner-repeater',
                        show: function() {
                            $(this).slideDown();

                            specCtrl();
                        },
                        hide: function(deleteElement) {
                            $(this).slideUp(deleteElement);

                            setTimeout(function() {
                                createSpecTable();
                            }, 500);
                        }
                    }],
                    show: function() {
                        $(this).slideDown();
                        specCtrl();
                    },
                    hide: function(deleteElement) {
                        $(this).slideUp(deleteElement);

                        setTimeout(function() {
                            createSpecTable();
                        }, 500);
                    },
                    ready: function() {
                        // Init select2
                        // $('[data-kt-repeater="select2"]').select2();
                        specCtrl();
                    }
                });
                $('.bonus_input').change(function(e) {
                    $('select.bonus_select').trigger('change');
                });
                $('select.bonus_select').change(function(e) {
                    let idx = $('select.bonus_select').index(this);
                    calBonus(this, idx);
                });
                // 商品特色
                $('#feature').froalaEditor({
                    // $('.dv').froalaEditor({      
                    heightMin: (200),

                    // toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough' , 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle' , 'inlineClass' , 'clearFormatting', '|', 'emoticons'  , 'fontAwesome', 'specialCharacters', '-', 'paragraphFormat' , 'lineHeight', 'paragraphStyle' ,'align', 'formatOL', 'formatUL', 'outdent', 'indent' /*, 'quote'*/ , '|', 'insertLink', 'insertImage', 'insertVideo' , 'insertFile' , 'insertTable', '-', 'insertHR', 'selectAll' , 'getPDF', 'print', 'help', 'html', 'fullscreen', '|', 'undo', 'redo'];

                    toolbarButtons: ['bold', 'italic', 'underline',
                        'strikeThrough' /*, 'subscript', 'superscript'*/ , '|', 'fontFamily',
                        'fontSize', 'color' /*, 'inlineStyle' , 'inlineClass'*/ ,
                        'clearFormatting', '|', 'undo', 'redo',
                        'emoticons' /*, 'fontAwesome', 'specialCharacters'*/ , '-',
                        'paragraphFormat', 'quote' /*, 'lineHeight', 'paragraphStyle' */ ,
                        'align', 'formatOL', 'formatUL', 'outdent', 'indent', '|', 'insertLink',
                        'insertImage', 'insertVideo' /*, 'insertFile' */ , 'insertTable',
                        'insertHR', /* 'selectAll' , 'getPDF', 'print', 'help'*/ , 'html',
                        'fullscreen'
                    ],

                    fontFamily: {
                        '微軟正黑體,Microsoft JhengHei': '微軟正黑體',
                        'PMingLiU,新細明體': '新細明體',
                        '標楷體,DFKai-SB,BiauKai': '標楷體',
                        '黑體,SimHei': '黑體',
                        'Arial,Helvetica,sans-serif': 'Arial',
                        'Georgia,serif': 'Georgia',
                        'Impact,Charcoal,sans-serif': 'Impact',
                        'Tahoma,Geneva,sans-serif': 'Tahoma',
                        "'Times New Roman',Times,serif": 'Times New Roman',
                        'Verdana,Geneva,sans-serif': 'Verdana'
                    },
                    fontFamilyDefaultSelection: '選擇字體',
                    fontFamilySelection: true,
                    language: 'zh_tw',
                    fontSizeDefaultSelection: 12,

                    /* 因為modal的z-index是1055 所以這邊要再比他大一點 不然會被遮住 */
                    zIndex: 1100,

                    /* 圖片按鈕要出現哪些選單 */
                    imageInsertButtons: ['imageBack', '|', 'imageUpload',
                        'imageByURL' /*, 'imageManager'*/
                    ],

                    imageMove: true,
                    imageUploadParam: 'file',
                    imageUploadMethod: 'post',
                    //上傳圖片 
                    imageUploadURL: _dp.url,
                    imageUploadParams: {
                        froala: 'true',
                        upload_root_path: c_dp.upload_root_path,
                        url_root_path: c_dp.url_root_path,
                        master_id: '',
                        type: 'insert',
                        upload_from: 'Froala',
                        print_log: '0',
                        _token: "{{ csrf_token() }}" // This passes the laravel token with the ajax request.
                    },
                    //上傳影片          
                    videoUploadURL: _dp.url,
                    videoUploadParams: {
                        froala: 'true',
                        upload_root_path: c_dp.upload_root_path,
                        url_root_path: c_dp.url_root_path,
                        master_id: '',
                        type: 'insert',
                        upload_from: 'Froala',
                        print_log: '0',
                        _token: "{{ csrf_token() }}" // This passes the laravel token with the ajax request.
                    }
                }).on('froalaEditor.image.uploaded', function(e, editor, response) {
                    console.log(response);
                }).on('froalaEditor.video.uploaded', function(e, editor, response) {
                    console.log(response);
                });
                // 商品規格
                $('#specification').froalaEditor({
                    // $('.dv').froalaEditor({

                    heightMin: (200),

                    // toolbarButtons: ['bold', 'italic', 'underline', 'strikeThrough' , 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineStyle' , 'inlineClass' , 'clearFormatting', '|', 'emoticons'  , 'fontAwesome', 'specialCharacters', '-', 'paragraphFormat' , 'lineHeight', 'paragraphStyle' ,'align', 'formatOL', 'formatUL', 'outdent', 'indent' /*, 'quote'*/ , '|', 'insertLink', 'insertImage', 'insertVideo' , 'insertFile' , 'insertTable', '-', 'insertHR', 'selectAll' , 'getPDF', 'print', 'help', 'html', 'fullscreen', '|', 'undo', 'redo'];

                    toolbarButtons: ['bold', 'italic', 'underline',
                        'strikeThrough' /*, 'subscript', 'superscript'*/ , '|', 'fontFamily',
                        'fontSize', 'color' /*, 'inlineStyle' , 'inlineClass'*/ ,
                        'clearFormatting', '|', 'undo', 'redo',
                        'emoticons' /*, 'fontAwesome', 'specialCharacters'*/ , '-',
                        'paragraphFormat', 'quote' /*, 'lineHeight', 'paragraphStyle' */ ,
                        'align', 'formatOL', 'formatUL', 'outdent', 'indent', '|', 'insertLink',
                        'insertImage', 'insertVideo' /*, 'insertFile' */ , 'insertTable',
                        'insertHR', /* 'selectAll' , 'getPDF', 'print', 'help'*/ , 'html',
                        'fullscreen'
                    ],

                    fontFamily: {
                        '微軟正黑體,Microsoft JhengHei': '微軟正黑體',
                        'PMingLiU,新細明體': '新細明體',
                        '標楷體,DFKai-SB,BiauKai': '標楷體',
                        '黑體,SimHei': '黑體',
                        'Arial,Helvetica,sans-serif': 'Arial',
                        'Georgia,serif': 'Georgia',
                        'Impact,Charcoal,sans-serif': 'Impact',
                        'Tahoma,Geneva,sans-serif': 'Tahoma',
                        "'Times New Roman',Times,serif": 'Times New Roman',
                        'Verdana,Geneva,sans-serif': 'Verdana'
                    },
                    fontFamilyDefaultSelection: '選擇字體',
                    fontFamilySelection: true,
                    language: 'zh_tw',
                    fontSizeDefaultSelection: 12,

                    /* 因為modal的z-index是1055 所以這邊要再比他大一點 不然會被遮住 */
                    zIndex: 1100,

                    /* 圖片按鈕要出現哪些選單 */
                    imageInsertButtons: ['imageBack', '|', 'imageUpload',
                        'imageByURL' /*, 'imageManager'*/
                    ],

                    imageMove: true,
                    imageUploadParam: 'file',
                    imageUploadMethod: 'post',
                    //上傳圖片 
                    imageUploadURL: _dp.url,
                    imageUploadParams: {
                        froala: 'true',
                        upload_root_path: '{{ addslashes(public_path('/upload/edu_tool')) }}',
                        url_root_path: '{{ addslashes(url('/upload/edu_tool')) }}',
                        master_id: '',
                        type: 'insert',
                        upload_from: 'Froala',
                        print_log: '0',
                        _token: "{{ csrf_token() }}" // This passes the laravel token with the ajax request.
                    },
                    //上傳影片          
                    videoUploadURL: _dp.url,
                    videoUploadParams: {
                        froala: 'true',
                        upload_root_path: c_dp.upload_root_path,
                        url_root_path: c_dp.url_root_path,
                        master_id: '',
                        type: 'insert',
                        upload_from: 'Froala',
                        print_log: '0',
                        _token: "{{ csrf_token() }}" // This passes the laravel token with the ajax request.
                    }
                }).on('froalaEditor.image.uploaded', function(e, editor, response) {
                    console.log(response);
                }).on('froalaEditor.video.uploaded', function(e, editor, response) {
                    console.log(response);
                });

                $('body')
                    .on('add_row_start', function() {
                        validator.resetForm(true);
                        $('select').trigger('change.select2');

                        // init dropzone
                        dropzone.destroy(); // destroy
                        // let p_dp = c_dp;
                        p_dp.target = '#picture';
                        p_dp.maxFiles = 9;
                        p_dp.master_id = '';
                        dropzone.setParams(p_dp);
                        dropzone.init();

                        // 大頭貼
                        dropzone2.destroy(); // destroy
                        // let h_dp = c_dp;
                        h_dp.target = '#head_shot';
                        h_dp.maxFiles = 1;
                        h_dp.master_id = '';

                        dropzone2.setParams(h_dp);
                        dropzone2.init();

                        // $('.del_price_btn').not(':eq(0)').trigger('click');
                        // $('.del_partner_btn').not(':eq(0)').trigger('click');
                        $('.del_spec_btn').not(':eq(0)').trigger('click');
                        $('.del_spec_detail_btn').not(':eq(0)').trigger('click');

                    })
                    .on('edit_row_start', function() {
                        validator.resetForm(true);
                        $('select').trigger('change.select2');

                        // $('.del_price_btn').not(':eq(0)').trigger('click');
                        // $('.del_partner_btn').not(':eq(0)').trigger('click');
                    })
                    .on('close_row_end', function(e) {

                        if ($('.dropzone').length > 0) {
                            $('.dropzone').each(function(i, o) {
                                let file_id = [];
                                $(o).children('.dz-preview').each(function() {
                                    var upload = $(this).attr('upload');
                                    if (upload == 0) {
                                        var md5 = $(this).attr('md5');
                                        if (!empty(md5)) file_id.push(md5);
                                    }
                                })

                                $.ajax({
                                    url: _dp.url,
                                    data: {
                                        type: 'delete',
                                        file_id: file_id,
                                        master_id: '',
                                        upload_root_path: c_dp.upload_root_path,
                                        url_root_path: c_dp.url_root_path,
                                        print_log: false,
                                    },
                                    success: function(data, textStatus, jqXHR) {
                                        // console.log(data);
                                    },
                                    error: ajaxError
                                });
                            })
                        }

                    })
                    .on('cancel_row_end', function(e) {

                        if ($('.dropzone').length > 0) {
                            $('.dropzone').each(function(i, o) {
                                let file_id = [];
                                $(o).children('.dz-preview').each(function() {
                                    var upload = $(this).attr('upload');
                                    if (upload == 0) {
                                        var md5 = $(this).attr('md5');
                                        if (!empty(md5)) file_id.push(md5);
                                    }
                                })

                                $.ajax({
                                    url: _dp.url,
                                    data: {
                                        type: 'delete',
                                        file_id: file_id,
                                        master_id: '',
                                        upload_root_path: c_dp.upload_root_path,
                                        url_root_path: c_dp.url_root_path,
                                        print_log: false,
                                    },
                                    success: function(data, textStatus, jqXHR) {
                                        // console.log(data);
                                    },
                                    error: ajaxError
                                });
                            })
                        }

                    });

            });
        })

        function specCtrl() {
            $('.spec_name').unbind('change').on('change', function() {
                createSpecTable();
            });

            $('.spec_detail_name').unbind('change').on('change', function() {
                createSpecTable();
            })
        }

        function createSpecTable() {
            $('#spec_combination').val("");
            $('#spec_combination_table').empty();

            let head = "";
            let body = "";
            let data = [];
            $('.spec_name').each(function(i, o) {
                let name = $(this).val();
                let $row = $(this).closest('.row');

                if (name == "" || $row.find('.spec_detail_name').eq(0).val() == "") return;

                head += `<th class="min-w-100px">${name}</th>`;

                let spec = [];
                $row.find('.spec_detail_name').each(function(i, o) {
                    if ($(this).val() == "") return;
                    spec.push({
                        "name": $(this).val()
                    });
                });

                data.push(spec);
            });
            if (head == "") {
                $('#inventory_column').removeClass('d-none');
                $('.price_column').removeClass('d-none');
                $('#spec_combination_row').addClass('d-none');
                return;
            }
            head += `<th class="min-w-50px">數量</th>`;
            head += `<th class="min-w-50px">定價</th>`;
            head += `<th class="min-w-50px">優惠價</th>`;
            head += `<th class="min-w-50px">CLC幣</th>`;
            head += `<th class="min-w-50px">回饋金選項</th>`;
            head += `<th class="min-w-50px">設定值</th>`;
            head += `<th class="min-w-50px">供應商</th>`;

            data = combination(data);

            if (data.length > 0) $('#spec_combination').val(JSON.stringify(data));

            data.forEach(function(item) {
                let row = "";
                let input_name = "";
                let com = "";
                item.forEach(function(value) {
                    row += `<td>${value['name']}</td>`;
                    input_name += com + value['name'];
                    com = "_";
                })
                row += `<td>
                        <input type="text" name="${b64EncodeUnicode(input_name)}[qty]" class="form-control form-control-solid mb-3 mb-lg-0 w-80px combination_sku" placeholder="" value="" />
                    </td>`;
                row += `<td>
                        <input type="text" name="${b64EncodeUnicode(input_name)}[retail_price]" class="retail_price form-control form-control-solid mb-3 mb-lg-0 w-80px combination_retail_price" placeholder="" value="" />
                    </td>`;
                row += `<td>
                        <input type="text" name="${b64EncodeUnicode(input_name)}[preferential_price]" class="preferential_price form-control form-control-solid mb-3 mb-lg-0 w-80px combination_preferential_price" placeholder="" value="" />
                    </td>`;
                row += `<td>
                        <input type="text" name="${b64EncodeUnicode(input_name)}[coin]" class="coin form-control form-control-solid mb-3 mb-lg-0 w-80px combination_coin" placeholder="" value="" />
                    </td>`;

                row += `<td>
                    <label class="fw-bold fs-6 mb-2">{{ __('basic.CLCBonus') }}：<span
                                                        class="show_bonus"></span></label>
                    <select class="form-select form-select-solid fw-bolder combination_bonus_select bonus_select" id=""
                        name="${b64EncodeUnicode(input_name)}[bonus_select]" data-control="select2"
                        data-placeholder="{{ __('basic.PleaseChoice') }}"
                        data-dropdown-parent="#detail_modal">
                        {!! app('FrontendService')->getOption($select['bonus_select'], 'id', 'name', '', '') !!}
                    </select>                    
                    </td>`;
                row += `<td>
                    <input
                        class="combination_bonus_level bonus_level bonus_input form-control form-control-solid mb-lg-0 mb-3"
                        id="" name="${b64EncodeUnicode(input_name)}[bonus_level]" type="text" value=""
                        placeholder="" />
                    <input
                        class="combination_onus_moq bonus_moq bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                        id="" name="${b64EncodeUnicode(input_name)}[bonus_moq]" type="text" value=""
                        placeholder="" />
                    <input
                        class="combination_bonus bonus bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                        id="" name="${b64EncodeUnicode(input_name)}[bonus]" type="text" value=""
                        placeholder="" />
                    <input
                        class="combination_bonus_percentage bonus_percentage bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                        id="" name="${b64EncodeUnicode(input_name)}[bonus_percentage]" type="text"
                        value="" placeholder="" />                    
                    </td>`;
                row += `<td>
                        <button type="button" class="btn btn-sm btn-icon btn-light btn-active-light-primary toggle h-25px w-25px serial_partner" data-key="${b64EncodeUnicode(input_name)}">
                            <i class="fas fa-pen fs-1"></i>
                        </button>
                        <input type="hidden" name="${b64EncodeUnicode(input_name)}[supplier]" class="combination_supplier" value="" />
                    </td>`;

                body += `<tr class="fw-bold text-gray-700 fs-5">${row}</tr>`
            });


            $('#spec_combination_table').append(
                `<table class="table table-row-bordered table-row-gray-300 gy-7">
                <thead>${head}</thead>
                <tbody>${body}</tbody>
            </table>`
            );
            $('select').trigger('change.select2');
            $('.bonus_input').change(function(e) {
                $('select.bonus_select').trigger('change');
            });
            $('select.bonus_select').unbind().bind('change', function(e) {

                let idx = $('select.bonus_select').index(this);
                calBonus($(this), idx);
            });
            // $('select.bonus_select').trigger('change');

            $('.serial_partner').click(function() {

                if ($('select[name="modal_partner_detail[0][partner_id]"]').length == 0) {
                    $('.add_modal_partner_btn').click();
                }

                var serial = b64DecodeUnicode($(this).data('key'));
                var data = $(this).next('input').val();

                if (!empty(data)) {
                    var data = JSON.parse(data);
                    for (var i in data) {
                        var supplierRow = data[i];

                        $('select[name="modal_partner_detail[' + i + '][partner_id]"]').val(supplierRow[
                            'partner_id']).trigger('change');
                        $('input[name="modal_partner_detail[' + i + '][stock_code]"]').val(supplierRow[
                            'stock_code']);

                        if (i < data.length - 1) $('.add_modal_partner_btn').click();
                    }
                }

                $('#kt_modal_partner_title').text(serial);
                $('#kt_modal_partner').modal('show');
            })

            $('#inventory').val('');
            $('#retail_price').val('');

            $('#inventory_column').addClass('d-none');
            $('.price_column').addClass('d-none');
            $('#partner_row').addClass('d-none');
            $('#spec_combination_row').removeClass('d-none');
        }

        function combination(list, lastResult = []) {
            if (!list.length) return lastResult
            let subList = list.shift()
            if (!subList.length) return lastResult
            if (!lastResult.length) {
                return combination(list, subList.map(item => [item]))
            }

            let result = []
            for (let res of lastResult) {
                for (let item of subList) {
                    result.push([...res, item])
                }
            }
            return combination(list, result)
        }

        function populateTemplate(data, target) {
            const table = document.querySelector('#data_table');
            const tbody = table.querySelector('tbody');
            console.log(data);
            let tuku_code = '';
            data.reverse().forEach((d, index) => {
                let template = document.createElement('tr');
                template.setAttribute('data-kt-docs-datatable-subtable', 'subtable_template');
                tuku_code = d.tuku == null ? '非tuku商品' : d.tuku.stock_code;
                template.innerHTML = `<td class="text-center">
                                    </td>
                                    <td class="text-start" colspan="2">
                                        <div class="text-dark fs-7">編號</div>
                                        <div class="text-muted fs-7 fw-bold" data-kt-docs-datatable-subtable="template_cost">${d.code}</div>
                                    </td>
                                    <td class="text-start">
                                        <div class="text-dark fs-7">TUKU編號</div>
                                        <div class="text-muted fs-7 fw-bold" data-kt-docs-datatable-subtable="template_cost">${tuku_code}</div>
                                    </td>
                                    <td class="text-start">
                                        <div class="text-dark fs-7">規格</div>
                                        <div class="text-muted fs-7 fw-bold" data-kt-docs-datatable-subtable="template_cost">${d.serial_no}</div>
                                    </td>
                                    <td class="text-end">
                                        <div class="text-dark fs-7">價錢</div>
                                        <div class="text-muted fs-7 fw-bold" data-kt-docs-datatable-subtable="template_qty">${d.retail_price.price}</div>
                                    </td>
                                    <td class="text-end">
                                        <div class="text-dark fs-7">庫存</div>
                                        <div class="text-muted fs-7 fw-bold" data-kt-docs-datatable-subtable="template_qty">${d.inv.qty}</div>
                                    </td>
                                    `;
                tbody.insertBefore(template, target.nextSibling);
            })
        }

        function calBonus(obj, target_idx) {

            let bonus = price = 0;
            let key = (!$(obj).val() || $(obj).val().length == 0) ? 'bonus_level' : $(obj).val();
            let level_setting = [
                0.006,
                0.008,
                0.01,
                0.02,
                0.03,
                0.04,
                0.05,
            ];
            let bonus_set = ['bonus', 'bonus_level', 'bonus_moq', 'bonus_percentage'];
            $.each(bonus_set, function(i, v) {
                $('input.' + v).eq(target_idx).addClass('d-none');
            });
            $('input.' + key).eq(target_idx).removeClass('d-none');
            console.log('key', key);
            console.log('target_idx', target_idx);
            bonus = $('input.bonus').eq(target_idx).val();
            if ($('input.preferential_price').eq(target_idx).val() == null || $('input.preferential_price').eq(target_idx)
                .val() == 0) {

                price = $('input.retail_price').eq(target_idx).val();
            } else {
                price = $('input.preferential_price').eq(target_idx).val();
            }
            console.log('price', price);

            if (key == 'bonus_percentage') {
                bonus = price * ($('input.' + key + '').eq(target_idx).val() / 100);
                console.log('bonus_percentage:', bonus);
            }
            if (key == 'bonus_level') {
                bonus = price * level_setting[$('input.' + key + '').eq(target_idx)
                    .val() - 1];
                console.log('bonus_level:', bonus);

            }
            bonus = (Math.round(bonus * 100) / 100);
            console.log(bonus);
            if (bonus <= 3.9 && bonus >= 3.5) {
                bonus = 3;
            } else if (bonus <= 4.9 && bonus >= 4) {
                bonus = 5;

            } else {
                bonus = Math.round(bonus);
            }
            bonus = (isNaN(bonus)) ? 0 : bonus;
            console.log('final bonus:', bonus);
            $('input.bonus').eq(target_idx).val(bonus)
            // $('#bonus').val(bonus);
            $('.show_bonus').eq(target_idx).text(bonus);
        }
    </script>
@endsection

@section('kt_content_container')
    <!--begin::Card-->
    <div class="card">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title">
                <!--begin::Search-->
                <div class="d-flex align-items-center position-relative my-1">
                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
                                transform="rotate(45 17.0365 15.1223)" fill="black" />
                            <path
                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
                                fill="black" />
                        </svg>
                    </span>
                    <!--end::Svg Icon-->
                    <input class="form-control form-control-solid w-250px ps-14" data-kt-table-filter="search"
                        type="text" placeholder="搜尋" />
                </div>
                <!--end::Search-->
            </div>
            <!--begin::Card title-->
            <!--begin::Card toolbar-->
            <div class="card-toolbar">
                <!--begin::Toolbar-->
                <div class="d-flex justify-content-end" data-kt-table-toolbar="base">
                    <!--begin::Filter-->
                    <button class="btn btn-light-primary me-3" data-kt-menu-trigger="click"
                        data-kt-menu-placement="bottom-end" type="button">
                        <!--begin::Svg Icon | path: icons/duotune/general/gen031.svg-->
                        <span class="svg-icon svg-icon-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M19.0759 3H4.72777C3.95892 3 3.47768 3.83148 3.86067 4.49814L8.56967 12.6949C9.17923 13.7559 9.5 14.9582 9.5 16.1819V19.5072C9.5 20.2189 10.2223 20.7028 10.8805 20.432L13.8805 19.1977C14.2553 19.0435 14.5 18.6783 14.5 18.273V13.8372C14.5 12.8089 14.8171 11.8056 15.408 10.964L19.8943 4.57465C20.3596 3.912 19.8856 3 19.0759 3Z"
                                    fill="black" />
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                        篩選
                    </button>
                    
                    <button type="button" class="btn btn-info me-3" id="export_btn">
                        <span class="svg-icon svg-icon-2">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path opacity="0.3" d="M4.425 20.525C2.525 18.625 2.525 15.525 4.425 13.525L14.825 3.125C16.325 1.625 18.825 1.625 20.425 3.125C20.825 3.525 20.825 4.12502 20.425 4.52502C20.025 4.92502 19.425 4.92502 19.025 4.52502C18.225 3.72502 17.025 3.72502 16.225 4.52502L5.82499 14.925C4.62499 16.125 4.62499 17.925 5.82499 19.125C7.02499 20.325 8.82501 20.325 10.025 19.125L18.425 10.725C18.825 10.325 19.425 10.325 19.825 10.725C20.225 11.125 20.225 11.725 19.825 12.125L11.425 20.525C9.525 22.425 6.425 22.425 4.425 20.525Z" fill="currentColor"/>
                                <path d="M9.32499 15.625C8.12499 14.425 8.12499 12.625 9.32499 11.425L14.225 6.52498C14.625 6.12498 15.225 6.12498 15.625 6.52498C16.025 6.92498 16.025 7.525 15.625 7.925L10.725 12.8249C10.325 13.2249 10.325 13.8249 10.725 14.2249C11.125 14.6249 11.725 14.6249 12.125 14.2249L19.125 7.22493C19.525 6.82493 19.725 6.425 19.725 5.925C19.725 5.325 19.525 4.825 19.125 4.425C18.725 4.025 18.725 3.42498 19.125 3.02498C19.525 2.62498 20.125 2.62498 20.525 3.02498C21.325 3.82498 21.725 4.825 21.725 5.925C21.725 6.925 21.325 7.82498 20.525 8.52498L13.525 15.525C12.325 16.725 10.525 16.725 9.32499 15.625Z" fill="currentColor"/>
                            </svg>
                        </span>
                        匯出
                    </button>

                    <!--begin::Menu 1-->
                    <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" id="kt-toolbar-filter"
                        data-kt-menu="true">
                        <!--begin::Header-->
                        <div class="px-7 py-5">
                            <div class="fs-5 text-dark fw-bolder">篩選條件</div>
                        </div>
                        <!--end::Header-->
                        <!--begin::Separator-->
                        <div class="separator border-gray-200"></div>
                        <!--end::Separator-->
                        <!--begin::Content-->
                        <div class="px-7 py-5" data-kt-table-filter="form">
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <label class="form-label fs-6 fw-bold">{{ __('basic.Valid') }}:</label>
                                <select class="form-select form-select-solid fw-bolder" id="filter_valid"
                                    data-kt-select2="false" data-placeholder="{{ __('basic.PleaseChoice') }}"
                                    data-allow-clear="true" data-kt-table-filter="valid" data-hide-search="true">
                                    <option value="">{{ __('basic.All') }}</option>
                                    <option value="0">{{ __('basic.No') }}</option>
                                    <option value="1">{{ __('basic.Yes') }}</option>
                                </select>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <label class="form-label fs-6 fw-bold">{{ __('stock.Inventory') }}:</label>
                                <select class="form-select form-select-solid fw-bolder" id="filter_inventory"
                                    data-kt-select2="false" data-placeholder="{{ __('basic.PleaseChoice') }}"
                                    data-allow-clear="true" data-kt-table-filter="inventory" data-hide-search="true">
                                    <option value="">{{ __('basic.All') }}</option>
                                    <option value="0">無庫存</option>
                                    <option value="1">有庫存</option>
                                </select>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <label class="form-label fs-6 fw-bold">{{ __('stock.Brand') }}:</label>
                                <select class="form-select form-select-solid fw-bolder" id="filter_stock_brand_id"
                                    data-kt-select2="true" data-placeholder="{{ __('basic.PleaseChoice') }}"
                                    data-allow-clear="false" data-kt-table-filter="stock_brand_id" data-hide-search="false"
                                    data-dropdown-parent="#kt-toolbar-filter">
                                    <option value="">{{ __('basic.All') }}</option>
                                    {!! app('FrontendService')->getOption($select['brand'], 'id', 'name', '', '') !!}
                                </select>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Input group-->
                            <div class="mb-10">
                                <label class="form-label fs-6 fw-bold">{{ __('stock.Category') }}:</label>
                                <select class="form-select form-select-solid fw-bolder" id="filter_stock_category_id"
                                    data-kt-select2="true" data-placeholder="{{ __('basic.PleaseChoice') }}"
                                    data-allow-clear="false" data-kt-table-filter="stock_category_id"
                                    data-hide-search="false" data-dropdown-parent="#kt-toolbar-filter">
                                    <option value="">{{ __('basic.All') }}</option>
                                    {!! app('FrontendService')->getOption($select['category'], 'id', 'name', '', '') !!}
                                </select>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Actions-->
                            <div class="d-flex justify-content-end">
                                <button class="btn btn-primary fw-bold me-2 px-6" data-kt-menu-dismiss="true"
                                    data-kt-table-filter="filter" type="submit">送出</button>
                                <button class="btn btn-light btn-active-light-primary fw-bold px-6"
                                    data-kt-menu-dismiss="true" data-kt-table-filter="reset" type="reset">重設</button>
                            </div>
                            <!--end::Actions-->
                        </div>
                    </div>
                    <!--end::Menu 1-->
                    <!--end::Filter-->
                    <!--begin::Import user-->
                    <button class="btn btn-primary me-3" id="import_btn" type="button">
                        <span class="indicator-label">
                            <span class="svg-icon svg-icon-2">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.3"
                                        d="M4.425 20.525C2.525 18.625 2.525 15.525 4.425 13.525L14.825 3.125C16.325 1.625 18.825 1.625 20.425 3.125C20.825 3.525 20.825 4.12502 20.425 4.52502C20.025 4.92502 19.425 4.92502 19.025 4.52502C18.225 3.72502 17.025 3.72502 16.225 4.52502L5.82499 14.925C4.62499 16.125 4.62499 17.925 5.82499 19.125C7.02499 20.325 8.82501 20.325 10.025 19.125L18.425 10.725C18.825 10.325 19.425 10.325 19.825 10.725C20.225 11.125 20.225 11.725 19.825 12.125L11.425 20.525C9.525 22.425 6.425 22.425 4.425 20.525Z"
                                        fill="currentColor" />
                                    <path
                                        d="M9.32499 15.625C8.12499 14.425 8.12499 12.625 9.32499 11.425L14.225 6.52498C14.625 6.12498 15.225 6.12498 15.625 6.52498C16.025 6.92498 16.025 7.525 15.625 7.925L10.725 12.8249C10.325 13.2249 10.325 13.8249 10.725 14.2249C11.125 14.6249 11.725 14.6249 12.125 14.2249L19.125 7.22493C19.525 6.82493 19.725 6.425 19.725 5.925C19.725 5.325 19.525 4.825 19.125 4.425C18.725 4.025 18.725 3.42498 19.125 3.02498C19.525 2.62498 20.125 2.62498 20.525 3.02498C21.325 3.82498 21.725 4.825 21.725 5.925C21.725 6.925 21.325 7.82498 20.525 8.52498L13.525 15.525C12.325 16.725 10.525 16.725 9.32499 15.625Z"
                                        fill="currentColor" />
                                </svg>
                            </span>
                            匯入Excel
                        </span>
                        <span class="indicator-progress">{{ __('basic.PleaseWait') }}...
                            <span class="spinner-border spinner-border-sm ms-2 align-middle"></span></span>
                    </button>
                    <input id="upload_file" type="file" style="display:none;"
                        accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
                    <!--begin::Add user-->

                    {{-- 2023.04.21 CLC要求先關閉 -- Roy --}}
                    {{-- <button class="btn btn-primary me-3" id="sync_btn" type="button" >
                        <!--begin::Svg Icon | path: /var/www/preview.keenthemes.com/kt-products/docs/metronic/html/releases/2022-11-24-050857/core/html/src/media/icons/duotune/arrows/arr039.svg-->
                        <span class="indicator-label">
                            <span class="svg-icon svg-icon-2">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                    width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                        <rect x="0" y="0" width="24" height="24" />
                                        <path
                                            d="M12,8 L8,8 C5.790861,8 4,9.790861 4,12 L4,13 C4,14.6568542 5.34314575,16 7,16 L7,18 C4.23857625,18 2,15.7614237 2,13 L2,12 C2,8.6862915 4.6862915,6 8,6 L12,6 L12,4.72799742 C12,4.62015048 12.0348702,4.51519416 12.0994077,4.42878885 C12.264656,4.2075478 12.5779675,4.16215674 12.7992086,4.32740507 L15.656242,6.46136716 C15.6951359,6.49041758 15.7295917,6.52497737 15.7585249,6.56395854 C15.9231063,6.78569617 15.876772,7.09886961 15.6550344,7.263451 L12.798001,9.3840407 C12.7118152,9.44801079 12.607332,9.48254921 12.5,9.48254921 C12.2238576,9.48254921 12,9.25869158 12,8.98254921 L12,8 Z"
                                            fill="#000000" />
                                        <path
                                            d="M12.0583175,16 L16,16 C18.209139,16 20,14.209139 20,12 L20,11 C20,9.34314575 18.6568542,8 17,8 L17,6 C19.7614237,6 22,8.23857625 22,11 L22,12 C22,15.3137085 19.3137085,18 16,18 L12.0583175,18 L12.0583175,18.9825492 C12.0583175,19.2586916 11.8344599,19.4825492 11.5583175,19.4825492 C11.4509855,19.4825492 11.3465023,19.4480108 11.2603165,19.3840407 L8.40328311,17.263451 C8.18154548,17.0988696 8.13521119,16.7856962 8.29979258,16.5639585 C8.32872576,16.5249774 8.36318164,16.4904176 8.40207551,16.4613672 L11.2591089,14.3274051 C11.48035,14.1621567 11.7936615,14.2075478 11.9589099,14.4287888 C12.0234473,14.5151942 12.0583175,14.6201505 12.0583175,14.7279974 L12.0583175,16 Z"
                                            fill="#000000" opacity="0.3" />
                                    </g>
                                </svg>
                            </span>
                            {{ __('basic.Sync') }}
                        </span>
                        <!--end::Svg Icon-->
                        <span class="indicator-progress">{{ __('basic.PleaseWait') }}...
                            <span class="spinner-border spinner-border-sm ms-2 align-middle"></span></span>
                    </button> --}}
                    
                    <!--end::Add user-->
                    <!--begin::Add user-->
                    <button class="btn btn-primary" id="add_btn" type="button" {{-- data-bs-toggle="modal" data-bs-target="#detail_modal" --}}>
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr075.svg-->
                        <span class="svg-icon svg-icon-2">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <rect opacity="0.5" x="11.364" y="20.364" width="16" height="2"
                                    rx="1" transform="rotate(-90 11.364 20.364)" fill="black" />
                                <rect x="4.36396" y="11.364" width="16" height="2" rx="1"
                                    fill="black" />
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                        新增
                    </button>
                    <!--end::Add user-->
                </div>
                <!--end::Toolbar-->

                <!--begin::Modal - Add task-->
                <div class="modal fade" id="detail_modal" aria-hidden="true" tabindex="-1">
                    <!--begin::Modal dialog-->
                    <div class="modal-dialog modal-dialog-centered min-w-75">
                        <!--begin::Modal content-->
                        <div class="modal-content">
                            <!--begin::Modal header-->
                            <div class="modal-header" id="detail_modal_header">
                                <!--begin::Modal title-->
                                <h2 class="fw-bolder">商品明細-<span class='modal_type'></span></h2>
                                <!--end::Modal title-->
                                <!--begin::Close-->
                                <div class="btn btn-icon btn-sm btn-active-icon-primary" id="modal_close"
                                    data-kt-users-modal-action="close">
                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                                    <span class="svg-icon svg-icon-1">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <rect opacity="0.5" x="6" y="17.3137" width="16"
                                                height="2" rx="1" transform="rotate(-45 6 17.3137)"
                                                fill="black" />
                                            <rect x="7.41422" y="6" width="16" height="2"
                                                rx="1" transform="rotate(45 7.41422 6)" fill="black" />
                                        </svg>
                                    </span>
                                    <!--end::Svg Icon-->
                                </div>
                                <!--end::Close-->
                            </div>
                            <!--end::Modal header-->
                            <!--begin::Modal body-->
                            <div class="modal-body scroll-y mx-xl-15 mx-5 my-7">
                                <!--begin::Form-->
                                <form class="form" id="detail_fm" method="post" enctype="multipart/form-data">
                                    <input id='detail_type' name='detail_type' type='hidden' />
                                    <input id='detail_master_id' name='detail_master_id' type='hidden' />
                                    <!--begin::Scroll-->
                                    <div class="d-flex flex-column scroll-y me-n7 pe-7" id="detail_modal_scroll"
                                        data-kt-scroll="true" data-kt-scroll-activate="{default: false, lg: true}"
                                        data-kt-scroll-max-height="auto"
                                        data-kt-scroll-dependencies="#detail_modal_header"
                                        data-kt-scroll-wrappers="#detail_modal_scroll" data-kt-scroll-offset="300px">
                                        <div class="fv-row row mb-7">
                                            <div class='col-6'>
                                                {{-- 封面照 --}}
                                                <label class="fw-bold fs-6 mb-2">封面照</label>
                                                <!--begin::Dropzone-->
                                                <div class="dropzone" id="head_shot">
                                                    <!--begin::Message-->
                                                    <div class="dz-message needsclick">
                                                        <!--begin::Icon-->
                                                        {{-- <i class="bi bi-file-earmark-arrow-up text-primary fs-3x"></i> --}}
                                                        <i class="la la-camera text-primary fs-3x"></i>
                                                        <!--end::Icon-->

                                                        <!--begin::Info-->
                                                        <div class="ms-4">
                                                            <h3 class="fs-5 fw-bolder mb-1 text-gray-900">上傳封面照(拖曳或點選上傳).
                                                            </h3>
                                                            <span class="fs-7 fw-bold text-gray-400">最多上傳1張</span>
                                                        </div>
                                                        <!--end::Info-->
                                                    </div>
                                                </div>
                                                <!--end::Dropzone-->
                                            </div>
                                        </div>
                                        <div class="fv-row row mb-7">
                                            <div class='col-12'>
                                                {{-- 上傳照片 --}}
                                                <label class="fw-bold fs-6 mb-2">{{ __('member.AnotherPicture') }}</label>

                                                <!--begin::Dropzone-->
                                                <div class="dropzone" id="picture">
                                                    <!--begin::Message-->
                                                    <div class="dz-message needsclick">
                                                        <!--begin::Icon-->
                                                        {{-- <i class="bi bi-file-earmark-arrow-up text-primary fs-3x"></i> --}}
                                                        <i class="la la-camera text-primary fs-3x"></i>
                                                        <!--end::Icon-->

                                                        <!--begin::Info-->
                                                        <div class="ms-4">
                                                            <h3 class="fs-5 fw-bolder mb-1 text-gray-900">上傳其他照片(拖曳或點選上傳).
                                                            </h3>
                                                            <span class="fs-7 fw-bold text-gray-400">最多上傳9張</span>
                                                        </div>
                                                        <!--end::Info-->
                                                    </div>
                                                </div>
                                                <!--end::Dropzone-->
                                            </div>
                                        </div>
                                        <!--begin::Input group-->
                                        <div class="fv-row row mb-7">
                                            <!--begin::Wrapper-->
                                            <div class="d-flex flex-stack">
                                                <!--begin::Label-->
                                                <div class="me-5">
                                                    <!--begin::Label-->
                                                    <label class="fs-6 fw-bold">商品是否上架?</label>
                                                    <!--end::Label-->
                                                    <!--begin::Input-->
                                                    <div class="fs-7 fw-bold text-muted"></div>
                                                    <!--end::Input-->
                                                </div>
                                                <!--end::Label-->
                                                <!--begin::Switch-->
                                                <label class="form-check form-switch form-check-custom form-check-solid">
                                                    <!--begin::Input-->
                                                    <input class="form-check-input" id="valid" name="valid"
                                                        type="checkbox" value="1" />
                                                    <!--end::Input-->
                                                </label>
                                                <!--end::Switch-->
                                            </div>
                                            <!--begin::Wrapper-->
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Input group-->
                                        <div class="fv-row row mb-7">
                                            <div class='col-md-6'>
                                                <label class="fw-bold fs-6 mb-2">{{ __('stock.Code') }}</label>
                                                <input class="form-control form-control-solid mb-lg-0 mb-3" id="code"
                                                    name="code" type="text" value="" placeholder="系統產生"
                                                    readonly />
                                            </div>
                                            <div class='col-md-6'>
                                                <label
                                                    class="required fw-bold fs-6 mb-2">{{ __('basic.Country') }}</label>
                                                <select class="form-select form-select-solid fw-bolder" id="country_id"
                                                    name="country_id" data-control="select2"
                                                    data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                    data-dropdown-parent="#detail_modal">
                                                    {!! app('FrontendService')->getOption($select['country'], 'id', 'name', '', '') !!}
                                                </select>
                                            </div>
                                        </div>
                                        <!--end::Input group-->
                                        <!--begin::Input group-->
                                        @foreach ($select['lang'] as $k => $v)
                                            @if ($k == 0 || $k % 2 == 0)
                                                <div class="fv-row row mb-7">
                                            @endif
                                            <div class='col-md-6'>
                                                <label
                                                    class="{{ $v['id'] == 'zh_TW' ? 'required' : '' }} fw-bold fs-6 mb-2">{{ __('basic.Name') . '(' . $v['name'] . ')' }}</label>
                                                <input class="form-control form-control-solid mb-lg-0 mb-3"
                                                    id="{{ 'name_' . $v['id'] }}" name="lang_name[{{ $v['id'] }}]"
                                                    type="text" value="" placeholder="" />
                                            </div>
                                            @if ($k % 2 == 1 || $k + 1 == count($select['lang']))
                                    </div>
                                    @endif
                                    @endforeach
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    {{-- <div class="fv-row mb-7 row">
                                        <div class='col-md-6'>
                                            <label class="required fw-bold fs-6 mb-2">{{ __('basic.Name') }}</label>
                                            <input type="text" id="name" name="name" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="" value="" />
                                        </div>                                       
                                    </div> --}}
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class='col-md-6'>
                                            <label class="fw-bold fs-6 mb-2">{{ __('stock.BarCode') }}</label>
                                            <input class="form-control form-control-solid mb-lg-0 mb-3" id="barcode"
                                                name="barcode" type="text" value="" placeholder="" />
                                        </div>
                                        <div class='col-md-6'>
                                            <label class="required fw-bold fs-6 mb-2">{{ __('stock.Unit') }}</label>
                                            <!--begin::Input-->
                                            <select class="form-select form-select-solid fw-bolder" id="stock_unit_id"
                                                name="stock_unit_id" data-control="select2"
                                                data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                data-dropdown-parent="#detail_modal">
                                                {!! app('FrontendService')->getOption($select['unit'], 'id', 'name', '', '') !!}
                                            </select>
                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class='col-md-6'>
                                            <label class="required fw-bold fs-6 mb-2">{{ __('stock.Category') }}</label>
                                            <!--begin::Input-->
                                            <select class="form-select form-select-solid fw-bolder" id="stock_category_id"
                                                name="stock_category_id" data-control="select2"
                                                data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                data-dropdown-parent="#detail_modal">
                                                {!! app('FrontendService')->getOption($select['category'], 'id', 'name', '', '') !!}
                                            </select>
                                            <!--end::Input-->
                                        </div>
                                        <div class='col-md-6'>
                                            <label class="required fw-bold fs-6 mb-2">{{ __('stock.Brand') }}</label>
                                            <!--begin::Input-->
                                            <select class="form-select form-select-solid fw-bolder" id="stock_brand_id"
                                                name="stock_brand_id" data-control="select2"
                                                data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                data-dropdown-parent="#detail_modal">
                                                {!! app('FrontendService')->getOption($select['brand'], 'id', 'name', '', '') !!}
                                            </select>
                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class='col-md-6' id="inventory_column">
                                            <label class="fw-bold fs-6 mb-2">{{ __('stock.Inventory') }}</label>
                                            <input class="form-control form-control-solid mb-lg-0 mb-3" id="inventory"
                                                name="inventory" type="text" value="" placeholder="" />
                                        </div>
                                        <div class='price_column col-md-6' id="price_column">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label class="fw-bold fs-6 mb-2">{{ __('basic.Price') }}</label>
                                                    <input
                                                        class="retail_price form-control form-control-solid mb-lg-0 mb-3"
                                                        id="retail_price" name="retail_price" type="text"
                                                        value="" placeholder="" />
                                                </div>
                                                <div class="col-md-6">
                                                    <label class="fw-bold fs-6 mb-2">優惠價</label>
                                                    <input
                                                        class="preferential_price form-control form-control-solid mb-lg-0 mb-3"
                                                        id="preferential_price" name="preferential_price" type="text"
                                                        value="" placeholder="" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row price_column mb-7">
                                        <div class='col-md-6' id="">
                                            <div class="row">
                                                <label class="fw-bold fs-6 mb-2">{{ __('basic.CLCBonus') }}：<span
                                                        class="show_bonus"></span></label>
                                                <div class="col-md-6">
                                                    <select class="form-select form-select-solid fw-bolder bonus_select"
                                                        id="" name="bonus_select" data-control="select2"
                                                        data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                        data-dropdown-parent="#detail_modal">
                                                        {!! app('FrontendService')->getOption($select['bonus_select'], 'id', 'name', '', '') !!}
                                                    </select>
                                                </div>
                                                <div class="col-md-6">

                                                    <input
                                                        class="bonus_level bonus_input form-control form-control-solid mb-lg-0 mb-3"
                                                        id="" name="bonus_level" type="text" value=""
                                                        placeholder="" />
                                                    <input
                                                        class="bonus_moq bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                                                        id="" name="bonus_moq" type="text" value=""
                                                        placeholder="" />
                                                    <input
                                                        class="bonus bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                                                        id="" name="bonus" type="text" value=""
                                                        placeholder="" />
                                                    <input
                                                        class="bonus_percentage bonus_input form-control form-control-solid mb-lg-0 d-none mb-3"
                                                        id="" name="bonus_percentage" type="text"
                                                        value="" placeholder="" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class='col-md-6' id="">
                                            <label class="fw-bold fs-6 mb-2">{{ __('basic.CLCCoin') }}</label>
                                            <input class="form-control form-control-solid mb-lg-0 mb-3" id="coin"
                                                name="coin" type="text" value="" placeholder="" />
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class='col-md-6'>
                                            <label class="fw-bold fs-6 mb-2">{{ '最低購買數' }}</label>
                                            <input class="form-control form-control-solid mb-lg-0 mb-3" id="min_buy_num"
                                                name="min_buy_num" type="text" value="" placeholder="" />
                                        </div>

                                        <div class="col-md-6">
                                            <label class="fs-6 fw-bold mb-2">是否為點數商品</label>

                                            <label class="form-check form-switch form-check-custom form-check-solid">
                                                <input class="form-check-input" id="point_stock" name="point_stock"
                                                    type="checkbox" value="1" />
                                            </label>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    @foreach ($select['lang'] as $k => $v)
                                        <div class="fv-row row mb-7">
                                            <div class="col-12">
                                                <label
                                                    class="fw-bold fs-6 mb-2">{{ __('stock.Description') . '(' . $v['name'] . ')' }}</label>
                                                <textarea class="form-control form-control-solid mb-lg-0 mb-3" id="{{ 'description_' . $v['id'] }}"
                                                    name="lang_description[{{ $v['id'] }}]" placeholder="" rows=3></textarea>
                                            </div>
                                        </div>
                                    @endforeach
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    {{-- <div class="fv-row mb-7 row">
                                        <div class="col-12">
                                            <label class="fw-bold fs-6 mb-2">{{ __('stock.Description') }}</label>
                                            <textarea id="description" name="description" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="" rows=3 ></textarea>
                                        </div>
                                    </div> --}}
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    {{-- <div class="fv-row mb-7 row" >
                                        <div class="col-12">
                                            <label class="fw-bold fs-6 mb-2">{{ __('stock.PriceTable') }}</label>
                                            <!--begin::Repeater-->
                                            <div id="price_detail">
                                                <!--begin::Form group-->
                                                <div class="form-group">
                                                    <div data-repeater-list="price_detail">
                                                        <div data-repeater-item>
                                                            <div class="form-group row mb-5">
                                                                <div class="col-md-4">
                                                                    <select name="price_type_id" data-kt-repeater="select2" data-placeholder="{{__('basic.PleaseChoice')}}" data-dropdown-parent="#detail_modal" class="form-select form-select-solid fw-bolder detail_price_type">
                                                                        {!! app('FrontendService')->getOption($select['price_type'],'id','name','','') !!}
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="input-group input-group-solid mb-2 mb-md-0">
                                                                        <span class="input-group-text">$</span>
                                                                        <input type="text" name="price" class="form-control form-control-solid detail_price"/>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <a href="javascript:;" data-repeater-delete class="btn btn-sm btn-light-danger mb-2 mb-md-0 del_price_btn">
                                                                        <i class="la la-trash-o"></i>{{__('basic.Delete')}}
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end::Form group-->

                                                <!--begin::Form group-->
                                                <div class="form-group mt-5">
                                                    <a href="javascript:;" data-repeater-create class="btn btn-light-primary add_price_btn">
                                                        <i class="la la-plus"></i>{{__('basic.AddPrice')}}
                                                    </a>
                                                </div>
                                                <!--end::Form group-->
                                            </div>
                                            <!--end::Repeater-->
                                        </div>
                                    </div> --}}
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7" id="partner_row">
                                        <div class="col-12">
                                            <h2 class="fw-bolder mb-2">供應商</h2>
                                            <!--begin::Repeater-->
                                            <div id="partner_detail">
                                                <!--begin::Form group-->
                                                <div class="form-group">
                                                    <div data-repeater-list="partner_detail">
                                                        <div data-repeater-item>
                                                            <div class="form-group row mb-5">
                                                                <div class="col-md-4">
                                                                    <select
                                                                        class="form-select form-select-solid fw-bolder supplier_partner_id"
                                                                        name="partner_id" data-kt-repeater="select2"
                                                                        data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                                        data-dropdown-parent="#detail_modal"
                                                                        data-allow-clear="true">
                                                                        {!! app('FrontendService')->getOption($select['supplier'], 'id', 'name', '', __('basic.PleaseChoice')) !!}
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <input
                                                                        class="form-control form-control-solid mb-md-0 supplier_stock_code mb-2"
                                                                        name="stock_code" type="text"
                                                                        placeholder="廠商對應商品編號" />
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <a class="btn btn-sm btn-light-danger mb-md-0 del_partner_btn mb-2"
                                                                        data-repeater-delete href="javascript:;">
                                                                        <i
                                                                            class="la la-trash-o"></i>{{ __('basic.Delete') }}
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end::Form group-->

                                                <!--begin::Form group-->
                                                <div class="form-group mt-5">
                                                    <a class="btn btn-light-primary add_partner_btn" data-repeater-create
                                                        href="javascript:;">
                                                        <i class="la la-plus"></i>新增供應商
                                                    </a>
                                                </div>
                                                <!--end::Form group-->
                                            </div>
                                            <!--end::Repeater-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class="col-12">
                                            {{-- <h2 class="fw-bolder mb-2">{{ __('stock.Spec') }}</h2> --}}
                                            <!--begin::分隔線-->
                                            <div class="separator separator-content text-nowrap my-10">
                                                {{ __('stock.Spec') }}</div>
                                            <!--end::分隔線]-->
                                            <!--begin::Repeater-->
                                            <div id="spec">
                                                <input id='spec_combination' name='meta[spec_combination]'
                                                    type='hidden' />
                                                <!--begin::Form group-->
                                                <div class="form-group">
                                                    <div data-repeater-list="spec">
                                                        <div data-repeater-item>
                                                            <div class="form-group row mb-5">
                                                                <div class="col-md-4">
                                                                    <input
                                                                        class="form-control form-control-solid stock_spec_id"
                                                                        name='stock_spec_id' type="hidden"
                                                                        value='' placeholder="" />
                                                                    <input class="form-control form-control-solid spec_id"
                                                                        name='spec_id' type="hidden" value=''
                                                                        placeholder="" />
                                                                    <input
                                                                        class="form-control form-control-solid mb-md-0 spec_name mb-2"
                                                                        name="spec_name" type="text"
                                                                        placeholder="規格名稱" />
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <div class="inner-repeater">
                                                                        <div class="mb-5"
                                                                            data-repeater-list="spec_detail">
                                                                            <div data-repeater-item>
                                                                                <div class="input-group pb-3">
                                                                                    <input
                                                                                        class="form-control form-control-solid spec_detail_id"
                                                                                        name='spec_detail_id'
                                                                                        type="hidden" value=''
                                                                                        placeholder="" />
                                                                                    <input
                                                                                        class="form-control form-control-solid spec_detail_name"
                                                                                        name="spec_detail_name"
                                                                                        type="text"
                                                                                        placeholder="規格明細" />
                                                                                    <button
                                                                                        class="border-secondary btn btn-icon btn-light-danger del_spec_detail_btn border"
                                                                                        data-repeater-delete
                                                                                        type="button">
                                                                                        <i class="la la-trash-o fs-3"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <button
                                                                            class="btn btn-sm btn-light-primary add_spec_detail_btn"
                                                                            data-repeater-create type="button">
                                                                            <i
                                                                                class="la la-plus"></i>{{ __('basic.AddSpecDetail') }}
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-4">
                                                                    <a class="btn btn-sm btn-light-danger mb-md-0 del_spec_btn mb-2"
                                                                        data-repeater-delete href="javascript:;">
                                                                        <i
                                                                            class="la la-trash-o fs-3"></i>{{ __('basic.Delete') }}
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!--end::Form group-->
                                                <!--begin::Form group-->
                                                <div class="form-group">
                                                    <a class="btn btn-light-primary add_spec_btn" data-repeater-create
                                                        href="javascript:;">
                                                        <i class="la la-plus"></i>{{ __('basic.AddSpec') }}
                                                    </a>
                                                </div>
                                                <!--end::Form group-->
                                            </div>
                                            <!--end::Repeater-->
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row d-none mb-7" id="spec_combination_row">
                                        <!--begin::分隔線-->
                                        <div class="separator separator-content text-nowrap my-10">
                                            {{ __('stock.SpecTable') }}</div>
                                        <!--end::分隔線]-->
                                        <div class="col-12">
                                            {{-- <h2 class="fw-bolder mb-2">{{ __('stock.SpecTable') }}</h2> --}}
                                            <div class="table-responsive" id="spec_combination_table"></div>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class="col-12">
                                            {{-- <label class="fw-bold fs-6 mb-2">{{ __('stock.Feature') }}</label> --}}
                                            <!--begin::分隔線-->
                                            <div class="separator separator-content text-nowrap my-10">
                                                {{ __('stock.Feature') }}</div>
                                            <!--end::分隔線]-->
                                            <textarea class="form-control form-control-solid mb-lg-0 mb-3" id="feature" name="feature" placeholder=""></textarea>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                                    <!--begin::Input group-->
                                    <div class="fv-row row mb-7">
                                        <div class="col-12">
                                            {{-- <label class="fw-bold fs-6 mb-2">{{ __('stock.Specification') }}</label> --}}
                                            <!--begin::分隔線-->
                                            <div class="separator separator-content text-nowrap my-10">
                                                {{ __('stock.Specification') }}</div>
                                            <!--end::分隔線]-->
                                            <textarea class="form-control form-control-solid mb-lg-0 mb-3" id="specification" name="specification"
                                                placeholder=""></textarea>
                                        </div>
                                    </div>
                                    <!--end::Input group-->
                            </div>
                            <!--end::Scroll-->
                            <!--begin::Actions-->
                            <div class="pt-15 text-center">
                                <button class="btn btn-primary me-3" id="modal_submit"
                                    data-kt-users-modal-action="submit" type="submit">
                                    <span class="indicator-label">{{ __('basic.Save') }}</span>
                                    <span class="indicator-progress">{{ __('basic.PleaseWait') }}...
                                        <span class="spinner-border spinner-border-sm ms-2 align-middle"></span></span>
                                </button>
                                <button class="btn btn-light" id="modal_cancel" data-kt-users-modal-action="cancel"
                                    type="reset">{{ __('basic.Cancel') }}</button>
                            </div>
                            <!--end::Actions-->
                            </form>
                            <!--end::Form-->
                        </div>
                        <!--end::Modal body-->

                        <div class="overlay-layer bg-dark-o-10" style='display: none;'>
                            <div class="spinner spinner-primary"></div>
                        </div>

                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>
            <!--end::Modal - Add task-->
        </div>
        <!--end::Card toolbar-->
    </div>
    <!--end::Card header-->
    <!--begin::Card body-->
    <div class="card-body pt-0">
        <!--begin::Table-->
        <table class="table-row-dashed fs-6 gy-5 table align-middle" id="data_table">
            <!--begin::Table head-->
            <thead>
                <!--begin::Table row-->
                <tr class="text-muted fw-bolder fs-7 text-uppercase gs-0 text-start">
                    {{-- <th class="w-10px pe-2">
                        <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                            <input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#data_table .form-check-input" value="1" />
                        </div>
                    </th> --}}
                    <th class="min-w-50px"></th>
                    <th class="min-w-125px text-center">{{ __('basic.Actions') }}</th>
                    <th class="min-w-100px text-center">{{ __('basic.Valid') }}</th>
                    <th class="min-w-100px">
                        {{ __('basic.ItemIndex') }}
                    </th>
                    <th class="min-w-125px text-center">{{ __('stock.Code') }}</th>
                    <th class="min-w-150px text-center">{{ __('basic.Name') }}</th>
                    <th class="min-w-125px text-center">{{ __('stock.BarCode') }}</th>
                    <th class="min-w-125px text-center">{{ __('stock.Category') }}</th>
                    <th class="min-w-125px text-center">{{ __('stock.Brand') }}</th>
                    <th class="min-w-125px text-center">{{ __('basic.Country') }}</th>
                    <th class="min-w-125px text-center">{{ __('basic.Price') }}</th>
                    <th class="min-w-125px text-center">{{ __('stock.Inventory') }}</th>

                </tr>
                <!--end::Table row-->
            </thead>
            <!--end::Table head-->
            <!--begin::Table body-->
            <tbody class="fw-bold text-gray-600">
            </tbody>
            <!--end::Table body-->
        </table>
        <!--end::Table-->
    </div>
    <!--end::Card body-->
    </div>
    <!--end::Card-->

    <div class="modal fade" id="kt_modal_partner" tabindex="-1">
        <div class="modal-dialog mw-550px">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="kt_modal_partner_title"></h3>
                    <!--begin::Close-->
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal"
                        aria-label="Close">
                        <span class="svg-icon svg-icon-1"></span>
                    </div>
                    <!--end::Close-->
                </div>
                <div class="modal-body">
                    <!--begin::Repeater-->
                    <div id="modal_partner_detail">
                        <!--begin::Form group-->
                        <div class="form-group">
                            <div data-repeater-list="modal_partner_detail">
                                <div data-repeater-item>
                                    <div class="form-group row mb-5">
                                        <div class="col-md-4">
                                            <select
                                                class="form-select form-select-solid fw-bolder modal_supplier_partner_id"
                                                name="partner_id" data-kt-repeater="select2"
                                                data-placeholder="{{ __('basic.PleaseChoice') }}"
                                                data-dropdown-parent="#kt_modal_partner" data-allow-clear="true">
                                                {!! app('FrontendService')->getOption($select['supplier'], 'id', 'name', '', __('basic.PleaseChoice')) !!}
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <input
                                                class="form-control form-control-solid mb-md-0 modal_supplier_stock_code mb-2"
                                                name="stock_code" type="text" placeholder="廠商對應商品編號" />
                                        </div>
                                        <div class="col-md-4">
                                            <a class="btn btn-sm btn-light-danger mb-md-0 del_partner_btn mb-2"
                                                data-repeater-delete href="javascript:;">
                                                <i class="la la-trash-o"></i>{{ __('basic.Delete') }}
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end::Form group-->

                        <!--begin::Form group-->
                        <div class="form-group mt-5">
                            <a class="btn btn-light-primary add_modal_partner_btn" data-repeater-create
                                href="javascript:;">
                                <i class="la la-plus"></i>新增供應商
                            </a>
                        </div>
                        <!--end::Form group-->
                    </div>
                    <!--end::Repeater-->
                </div>

                <div class="modal-footer">
                    <button class="btn btn-light" data-bs-dismiss="modal"
                        type="button">{{ __('basic.Cancel') }}</button>
                    <button class="btn btn-primary" id="modal_partner" type="button">確定</button>
                </div>
            </div>
        </div>
    </div>
@endsection