@extends('layouts.walls')
@inject('splunk_searches', '\App\Models\SplunkSearches')
@section('content')
  <div class="logout-float">
    <span class="wall-title">{{ \App\Models\SkywatchWall::$walls[$wall] }}</span>
    <span id="last-updated" class="mr-3" style="color: #fff; font-size: 12px;">{{ \Carbon\Carbon::now() }}</span>
    <button class="btn btn-sm btn-outline-secondary mr-2" onclick="refreshWallData()">
      <i class="fa fa-refresh"></i> Refresh
    </button>
    <a href="{{ route('wallLogout') }}" class="btn btn-sm btn-outline-secondary">Logout</a>
    <a href="{{ route('wallLogout',['toSkywatch'=>true]) }}" class="btn btn-sm btn-outline-secondary">Logout and Back to
      Skywatch</a>
  </div>

  <div class="row">
    <div class="col-md-3">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(689) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet689">
          <div id="element689" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([689]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(693) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet693">
          <div id="element693" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([693]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(691) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet691">
          <div id="element691" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([691]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-3">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(692) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet692">
          <div id="element692" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([692]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-12">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(694) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet694">
          <div id="element694" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([694]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-12">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(695) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet695">
          <div id="element695" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([695]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(686) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet686">
          <div id="element686" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([686]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(688) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet688">
          <div id="element688" class="ct-chart ct-golden-section">
            <div>{!! $splunk_searches::getCodeArray([688]) !!}</div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-md-12">
      <div class="portlet widget-box" style="height: unset; padding:0 0 10px 0">
        <div class="portlet-heading text-center">
          <p class=" text-dark" style="color: #FFFF; font-size: 12px; margin: 0; text-transform: uppercase">
            {{ $splunk_searches::getNameForId(687) }}</p>
          <div class="clearfix"></div>
        </div>
        <div class="portlet-body" style="font-size: 14px !important; width: 100%" id="portlet687">
          <div id="element687" class="ct-chart ct-golden-section">
            <div class="lz">{!! $splunk_searches::getCodeArray([687]) !!}</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <style>
    .col-md-12, .col-md-6, .col-md-3 {
      margin-top: 53px;
    }
  </style>

  <script type="text/javascript">
    var resizefunc = [];

    $('.item .val>div,.widget-box-data .lz,.panel-collapse .lz, .radar_lazy .visual_t,.attack-chain-wrap .val>div,.graph-chart>div,.portlet-body>div>div,.map>div,.control-btn .val>span>div,.value>div>div,.list-item-sidebar .value>div,.peity-chart>div>div').lazyload();

    function refreshWallData() {
      var widgetIds = [689, 693, 691, 692, 694, 695, 686, 688, 687];
      widgetIds.forEach(function(id) {
        $('#element' + id).trigger('widget:reload');
      });
      $("#last-updated").text(new Date().toLocaleString());
    }
  </script>
@endsection