<script type="text/javascript">

    $(document).ready(function () {
        var batchUpdateUrl = "<?php echo_uri('leads/batch_update_modal_form/'); ?>";
        var batchDeleteUrl = "<?php echo_uri('leads/delete_selected_leads/'); ?>";

        var scrollLeft = 0;
        $("#kanban-filters").appFilters({
            source: '<?php echo_uri("leads/all_leads_kanban_data") ?>',
            targetSelector: '#load-kanban',
            reloadSelector: "#reload-kanban-button",
            smartFilterIdentity: "all_leads_kanban", //a to z and _ only. should be unique to avoid conflicts 
            selectionHandler: {batchUpdateUrl: batchUpdateUrl, batchDeleteUrl: batchDeleteUrl},
            search: {name: "search"},
            filterDropdown: [
<?php if (get_array_value($login_user->permissions, "lead") !== "own") { ?>
                    {name: "owner_id", class: "w200", options: <?php echo json_encode($owners_dropdown); ?>},
<?php } ?>
                {name: "label_id", class: "w200", options: <?php echo $labels_dropdown; ?>},
                {name: "source", class: "w200", options: <?php echo view("leads/lead_sources"); ?>},
<?php echo $custom_field_filters; ?>
            ],
            beforeRelaodCallback: function () {
                scrollLeft = $("#kanban-wrapper").scrollLeft();
            },
            afterRelaodCallback: function () {
                setTimeout(function () {
                    $("#kanban-wrapper").animate({scrollLeft: scrollLeft}, 'slow');
                }, 500);
            }
        });

    });

</script>