@extends('layouts.app')

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

@section('content')
    <h4>A chart and an events viewer displaying results of a search</h4>
    <div id="mychart"></div>
    <div id="myeventsviewer"></div>

    <script type="text/javascript" src="/assets/js/static/splunkjs/config.js"></script>
    <script>
        splunkjs.config({
            scheme: "{{ \Config::get('splunk.scheme') }}",
            host: "{{ \Config::get('splunk.host') }}",
            port: "{{ \Config::get('splunk.port') }}",
            version: "{{ \Config::get('splunk.api_ver') }}",
            waitSeconds: "{{ \Config::get('splunk.wait') }}",
            authenticate: splunk_auth
        });

        // Configure the web site's base URL
        require.config({
            baseUrl: "/"
        });

        // Set up the Web Framework components
        var deps = [
            "splunkjs/ready!",
            "splunkjs/mvc/searchmanager",
            "splunkjs/mvc/chartview",
            "splunkjs/mvc/eventsviewerview"
        ];
        require(deps, function(mvc) {
            // Load individual components
            var SearchManager = require("splunkjs/mvc/searchmanager");
            var ChartView = require("splunkjs/mvc/chartview");
            var EventsViewerView = require("splunkjs/mvc/eventsviewerview");

            // Instantiate the views and search manager
            var mysearch = new SearchManager({
                id: "search1",
                preview: true,
                cache: true,
                status_buckets: 300,
                search: "index=_internal | head 1000 | stats count by sourcetype"
            });

            var mychart = new ChartView ({
                id: "chart1",
                managerid: "search1",
                type: "bar",
                el: $("#mychart")
            }).render();

            var myeventsviewer = new EventsViewerView ({
                id: "eviewer1",
                managerid: "search1",
                el: $("#myeventsviewer")
            }).render();
        });

        function onLogin() {
            require([
                "jquery",
                "splunkjs/splunk"
            ], function($, jssdk) {
                // Get the username and passwords
                var username = "";
                var password = "";

                var result = true;

                // Use the Splunk SDK for JavaScript to log in to Splunk

                // Create a Service object
                //var http =  new jssdk.ProxyHttp("/proxy");
                var http = new splunkjs.JQueryHttp();
                var service = new jssdk.Service(http, {
                    username: username,
                    password: password,
                    //password: "GMP@cc355!0!",
                    scheme: "https",
                    host: "siem.glesec.com",
                    port: 8089
                });

                // Log in to Splunk
                service.login(function(err) {
                    // The session key and username are required for logging in
                    if (!err) {
                        var key = service.sessionKey;
                        // Save the session key and username in cookies
                        $.cookie("splunk_sessionkey", key);
                        $.cookie("splunk_username", username);
                    }
                    else {
                        $("#errorText").empty().append("<p class='fail'><br>Login failed! See the console for error info.</p>");
                        console.error("Login failed: ", err);
                        result = false;
                    }
                });

            });
        }
    </script>
@endsection