@extends('layouts.main')

@section('title', 'Test Splunk')

@section('content')
    <script type="text/javascript" src="/assets/js/splunk/client/splunk.js"></script>
    <script>
        function displayApps() {
            //var http = new splunkjs.ProxyHttp("/proxy");
            var http = new splunkjs.JQueryHttp();

            // Create a Service instance and log in
            var svc = new splunkjs.Service(http, {
                username: "",
                password: "",
                scheme: "https",
                host: "siem.glesec.com",
                port:"8089",
                version:"6.2"
            });

            var chart = null;
            var chartToken = splunkjs.UI.loadCharting("/assets/js/splunk/client/splunk.ui.charting.js", function() {
                // Once we have the charting code, create a chart and update it.
                chart = new splunkjs.UI.Charting.Chart($("#chart-container"), splunkjs.UI.Charting.ChartType.COLUMN, false);
            });

            //var searchTerm = 'search index=radware sourcetype=radware_aw host=190.34.183.138 IsPassive=False NOT Resource=Sub-System NOT Resource=Tunnel NOT src=54.85.110.29 | stats count by category';
            var searchTerm = "search index=radware sourcetype=radware_aw host=190.34.183.138 IsPassive=False NOT Resource=Sub-System NOT Resource=Tunnel NOT src=54.85.110.29 | stats count by category";
            splunkjs.Async.chain([
                    // Login
                    function(callback) { svc.login(callback); },
                    // Create the job
                    function(success, callback) {
                        svc.jobs().create(searchTerm, {status_buckets: 300}, callback);
                    },
                    // Loop until the job is "done"
                    function(job, callback) {
                        // Move forward once the search is done
                        job.track({}, {
                            done: function(job) {
                                callback(null, job);
                            },

                            error: function(err) {
                                callback(err);
                            }
                        });
                    },
                    // Get the final results data
                    function(job, callback) {
                        job.results({output_mode: "json_cols"}, callback);
                    },
                    // Update the chart
                    function(results, job, callback) {
                        splunkjs.UI.ready(chartToken, function() {
                            chart.setData(results, {
                                "chart.stackMode": "stacked"
                            });
                            chart.draw();
                            callback(null, job);
                        });
                    }
                ],
// And we're done, so make sure we had no error, and
// cancel the job
                function(err, job) {
                    if (err) {
                        console.log(err);
                        alert("An error occurred");
                    }

                    if (job) {
                        job.cancel();
                    }
                });
        }
    </script>
    <button type="button" onclick="displayApps()">Log in and list apps</button>
    <p id="applist"></p>
    <div id="chart-container"></div>
@endsection