@once
    @push('css')
        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/forms/select/multiple-select.min.css') }}">
        <style>
            .ms-choice > span {
                position: relative;
            }
            .ms-choice > div.icon-caret {
                right: 20px;
            }
            .ms-drop ul > li.hide-radio.selected {
                background-color: #B3D9DB;
            }
        </style>
    @endpush

    @push('js')
        <script src="{{ asset('vendor/forms/select/multiple-select.min.js') }}"></script>
        <script src="{{ asset('vendor/forms/select/multiple-select-zh-TW.min.js') }}"></script>
        <script>
            $(function () {
                let init = {
                    locale: 'zh-TW',
                    filter: true,
                };
                $('.select2').multipleSelect(init);

                $.fn.multipleInit = function (params) {
                    params = $.extend(params, init);
                    $(this).multipleSelect(params);
                };
            });
        </script>
    @endpush
@endonce