{!! Html::script('/js/multiple-select.js') !!}
<script id="multi_select_modal_script">

    var _on_save_multi_select = null; // assign the name of the function you are calling to _on_save_multi_select

    function get_select_modal_id(type) {
        return "#multi_select_" + type + "_modal";
    }

    function open_multi_select_modal(type, on_save_multi_select) {
        if (!on_save_multi_select) alert('multi select modal needs a save function');
        _on_save_multi_select = on_save_multi_select;
        // add the modal id since we can have more than one multi_select modal on the page at a time
        if (!type) alert('multi select modal needs a type');
        $("#multi_select_" + type + "_value").multipleSelect();
        $(get_select_modal_id(type)).modal('show');
    }

    function close_multi_select_modal(type) {
        var modal_id = get_select_modal_id(type);
        var this_modal = $(modal_id);
        this_modal.modal('hide');

        // after modal is hidden, reset it
        this_modal.on('hidden.bs.modal', function (e) {
            $(modal_id + ' #value').val('');
        });
    }

    function save_multi_select(type) {
        // var modal_id = get_select_modal_id(type);
        var select_id = "#multi_select_" + type + "_value";
        var value = $(select_id).val();
        if (value == null || value.length === 0) {
            return;
        }

        var form = $('form#multi_select_' + type + '_modal_data');
        var data = form.serialize();
        // allow us to do custom actions when saving
        var fn = window[_on_save_multi_select];
        if (fn == undefined)
            alert('unable to find '+_on_save_multi_select);
        fn(data);
    }

    // function set_multi_select_modal_multi_select(type, multi_select) {
    //     var modal_id = get_modal_id(type);
    //     $(modal_id + ' #value').val(multi_select);
    // }
</script>