{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link rel="stylesheet"
          href="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.18/b-1.5.6/b-colvis-1.5.6/b-flash-1.2.2/b-html5-1.5.6/b-print-1.5.6/fc-3.2.5/fh-3.1.4/r-2.2.2/af-2.3.3/cr-1.5.0/kt-2.5.0/rg-1.1.0/rr-1.2.4/sc-2.0.0/sl-1.3.0/datatables.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.css">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css">
    <link rel="stylesheet" href="https://cdn.rawgit.com/noelboss/featherlight/1.7.1/release/featherlight.min.css">
    {{ parent() }}
    {{ encore_entry_link_tags('app') }}
    {{ encore_entry_link_tags('dashboard') }}
    {{ encore_entry_link_tags('datatable') }}
{% endblock %}
{% block javascripts_head %}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.js"
            charset="UTF-8"></script>
    <script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.1/release/featherlight.min.js"></script>
    {{ parent() }}
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('app') }}
    <script src="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.18/b-1.5.6/b-colvis-1.5.6/b-flash-1.2.2/b-html5-1.5.6/b-print-1.5.6/fc-3.2.5/fh-3.1.4/r-2.2.2/af-2.3.3/cr-1.5.0/kt-2.5.0/rg-1.1.0/rr-1.2.4/sc-2.0.0/sl-1.3.0/datatables.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
    <script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.1/release/featherlight.min.js"></script>
    <script src="{{ asset('bundles/sgdatatables/js/pipeline.js') }}"></script>
    <script src="{{ asset('bundles/a4btheme/js/custom.js') }}"></script>
    <script>
        var sidebarMultiSelectAction = null;

        function showSidebarMultiselectAction() {
            var checked = 0;
            const checkboxes = (document.querySelectorAll('table.table-checkable.dataTable td > div.start_checkboxes > input') || []);
            if (sidebarMultiSelectAction) {
                checkboxes.forEach(function (checkbox) {
                    if (checkbox.checked) {
                        checked++;
                    }
                });
            }
            if (checked) {
                sidebarMultiSelectAction.classList.remove('d-none');
            } else {
                sidebarMultiSelectAction.classList.add('d-none');
            }
        }

        if (document.querySelector('table.table-checkable.dataTable')) {
            sidebarMultiSelectAction = document.querySelector('#sidebar-multiselect-actions');
            document.onclick = showSidebarMultiselectAction;
        }
    </script>
{% endblock %}