@include('data_table.components.page.rounded_button_row', [
    'callback' => '$(".select-type").show()',
    'text' => '新增广告'
])

<div class="select-type">
    <div class="select-type-title">信息 <span class="select-type-close"></span></div>
    <div class="select-type-content">
        请选择添加类型？
    </div>
    <div class="select-type-btn">
        <button class="school-type" onclick="parent.addMenuTab('新建攻略广告','admin/addStrategyBannerView')">留学攻略广告</button>
        <button class="translate-type">其他广告</button>
    </div>
</div>

<script type="text/javascript">
    let tabStatus = '0';

    $(function () {
        $( ".displayOrder" ).change(function() {
            changeDisplayOrder($(this).attr('data'),$(this).val());
        });

        $(".translate-type").on("click", function () {
            lay_show('新案例广告弹出窗',"{{route('addBannerView')}}/" + tabStatus, reloadBannersList)
        });

        $(".select-type-btn").on("click","button",function () {
            $(".select-type").hide()
        });

        $(".select-type-close").on("click",function () {
            $(".select-type").hide()
        });

        $('#tabs_1').on('click', 'a', function () {
            tabStatus = this.getAttribute('data-type');
        });

        $(document).on('change', '.form-control.displayOrder', function () {
            changeDisplayOrder(this.id, this.value);
        }).on('change', '.onoffswitch-checkbox', function () {
            changeStatus(this.value, this.checked);
        });
    });

    function doChange(elementId) {
        changeDisplayOrder(elementId, $("#" + elementId).val());
    }

    function changeDisplayOrder(bannerId, displayOrder) {
        $.ajax({
            type: 'POST',
            url: "{{route('setBannerDisplayOrder')}}",
            data: {
                '_token': "{{ csrf_token() }}",
                'id': bannerId,
                'displayOrder': displayOrder
            },
            success: function (data) {
                if (data === 'success') {
                    displayNotification("改变排序成功", "success", 3000);
                } else {
                    displayNotification("改变排序失败", "danger", 3000);
                }

                reloadBannersList();
            }
        });
    }

    function editBanner(bannerId) {
        lay_show('编辑案例广告弹出窗',"{{route('editBannerView')}}/" + bannerId, reloadBannersList)
    }

    function changeStatus(id, status) {
        $.ajax({
            method: 'POST',
            url: "{{route('bannerChangeStatus')}}",
            data: {
                '_token': "{{ csrf_token() }}",
                'id': id,
                'status': status ? 1 : 0
            },
            dataType:'JSON',
            success: function (result) {
                reloadBannersList();
            },
            error: function () {
                reloadBannersList();
            }
        });
    }

    function reloadBannersList() {
        controls.reloadTables();
    }
</script>