@php(
    $includeSummary = !!(($includeSummary ?? false) && !empty($summaryRoute))
)

@if($includeSummary)
    @include('financedata::pages.shared.tables.summary_script')
@endif

<script>
    var tables = JSON.parse('{!! json_encode($ids) !!}');

    var search = '';

    $(function () {
        $('#user-filters').on('userFiltersChanged', function () {
            filterData();

            @if($includeSummary)
                loadSummary('{{route($summaryRoute)}}', userFiltersData);
            @endif
        });

        $('.tab-content').on('change', '[name$="List_length"]', function(){
            var length = $(this).val();
            var others = $('[name$="List_length"]:not([name$="' + $(this).attr('aria-controls') + '_length"])');

            others.each(function () {
                $(this).val(length);

                window[$(this).attr('aria-controls')].ajax.reload();
            });
        }).on('change', '.data-table-search-input', function () {
            search = $(this).val();
            filterData();
        }).on('input', '.data-table-search-input', function () {
            search = $(this).val();
            $('.data-table-search-input:not(#' + $(this).attr('id') + ')').val($(this).val());
        });
    });

    function filterData() {
        var data = userFiltersData;
        data.search = search;

        tables.forEach(function (item) {
            window[item].search(JSON.stringify(data));
            window[item].ajax.reload();
        });
    }

    @if($includeSummary)
        loadSummary('{{route($summaryRoute)}}', userFiltersData, true);
    @endif
</script>