@php use App\Models\Cases; @endphp
@inject('splunk_searches', '\App\Models\SplunkSearches')

@include('flash::message')

@php
  $dashboard = 'MSS-INT-V';
  $wCampaignsTested = $splunk_searches::getIdByName('Campaigns Tested', $dashboard);
  $wFullyBlocked    = $splunk_searches::getIdByName('Fully Blocked', $dashboard);
  $wNotBlocked      = $splunk_searches::getIdByName('Not Fully Blocked', $dashboard);
  $wTopGap          = $splunk_searches::getIdByName('Top Gap', $dashboard);
  $wTable           = $splunk_searches::getIdByName('Immediate Threat Intelligence Assessment', $dashboard);
  $wCaseCandidates  = $splunk_searches::getIdByName('Case Candidates', $dashboard);
  $wCritical        = $splunk_searches::getIdByName('Case Severity Critical', $dashboard);
  $wHigh            = $splunk_searches::getIdByName('Case Severity High', $dashboard);
  $wMedium          = $splunk_searches::getIdByName('Case Severity Medium', $dashboard);
  $wLow             = $splunk_searches::getIdByName('Case Severity Low', $dashboard);
@endphp

<style>
  .dataTable-wrapper .dataTable-bottom {
    bottom: -40px;
  }

  .widget-box ul {
    flex-direction: row !important;
  }

  .custom-widget-block .value {
    color: white;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .custom-widget-block .trend {
    font-size: 20px;
  }

  .custom-widget-block .trend span {
    font-size: 20px;
    padding: 2px 20px;
    border: 1px solid;
    border-radius: 10px;
  }

  .custom-widget-block .red-color span {
    color: red;
    border-color: red;
    background-color: rgba(255, 0, 0, 0.2);
  }

  .custom-widget-block .green-color span {
    color: green;
    border-color: green;
    background-color: rgba(0, 128, 0, 0.2);
  }


  .custom-widget-block .grey-color span {
    color: grey;
    border-color: grey;
    background-color: rgba(128, 128, 128, 0.2);
  }

  #mss-int-v .portlet { margin-bottom: 20px; }
  #mss-int-v .row { margin-bottom: 15px; }
  #mss-int-v [class*="col-"] { padding-left: 10px; padding-right: 10px; }
  #mss-int-v span.info_big { display: block !important; text-align: center !important; padding: 40px 0 !important; width: 100% !important; }
  /* Hide inactive tab panes */
  .tab-content .tab-pane { display: none; }
  .tab-content .tab-pane.active { display: block; }
  /* Hide inactive tab panes */
  .tab-content > .tab-pane { display: none; }
  .tab-content > .tab-pane.active { display: block; }
</style>

<div class="clearfix"></div>  <div class=" tab-content">
  <div class="tab-pane active" id="mss-int" style="display:block;">

    <div class="row custom-widget-block">
      <div class="col-xl-3 m-t-15">
        <div class="portlet force-background">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">Active High-Severity Items</h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-collapse collapse show">
            <div class="portlet-body text-center">
              @php
                $openCaseCountStatistic = $caseAccountStatistic->open_cases_count ?? 0;

                  if($countOpenMssIntCases-$openCaseCountStatistic > 0){
                    $class = 'red-color';
                    $arrow = '&uarr;';
                  } elseif ($countOpenMssIntCases-$openCaseCountStatistic < 0) {
                    $class = 'green-color';
                    $arrow = '&darr;';
                  } else {
                    $class = 'grey-color';
                    $arrow = '';
                  }
              @endphp  <a
                href="{{route('cases.index', ['status' => [Cases::STATUS_INFORMATIVE, Cases::STATUS_OPEN, Cases::STATUS_SUSPENDED], 'priority' => [Cases::PRIORITY_HIGH, Cases::PRIORITY_CRITICAL], 'serviceIds' => [$serviceId]])}}">

                <div class="value">
                  {{$countOpenMssIntCases}}
                </div>
                <div class="trend {{$class}}">
                      <span>
                        {!! $arrow !!}
                        {{ ($countOpenMssIntCases - $openCaseCountStatistic) > 0 ? '+' : '' }}{{$countOpenMssIntCases - $openCaseCountStatistic}}
                      </span>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>     <div class="col-xl-3 m-t-15">
        <div class="portlet force-background">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">Executive Action Required</h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-collapse collapse show">
            <div class="portlet-body text-center">
              @if(!empty($executiveActionRequiredCaseIds))
                <a
                  href="{{route('cases.index', ['case_ids' => implode(', ', $executiveActionRequiredCaseIds)])}}">
                  <div>
                    <span class="text-danger value">&#9650;</span>

                    <div>
                      {{ count($executiveActionRequiredCaseIds) }}
                      {{ count($executiveActionRequiredCaseIds) === 1 ? 'item' : 'items' }}
                      pending executive awareness or decision
                    </div>
                  </div>
                </a>
              @else
                <span class="text-success value">&#10003;</span>
                <div>
                  No executive action required today
                </div>
              @endif
            </div>
          </div>
        </div>
      </div>      <div class="col-xl-3 m-t-15">
        <div class="portlet force-background">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(680) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet680" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element680">
                <div>
                  {!! $splunk_searches::getCodeArray([680], $from, $to) !!}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 m-t-15">
        <div class="portlet force-background">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(681) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet681" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element681">
                <div>
                  {!! $splunk_searches::getCodeArray([681], $from, $to) !!}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>     <div class="row">
      <div class="col-md-12 col-xs-12 m-t-15 mb-3">
        <div class="portlet" id="portlet675">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(675) }}</h3>
            <div class="clearfix"></div>
          </div>

          <div class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element675" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([675],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 m-t-15 mb-3">
        <div class="portlet" id="portlet672">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(672) }}</h3>
            <div class="clearfix"></div>
          </div>

          <div class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element672" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([672],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-6 m-t-15 mb-3">
        <div class="portlet" id="portlet673">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(673) }}</h3>
            <div class="clearfix"></div>
          </div>

          <div class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element673" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([673],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6 m-t-15 mb-3">
        <div class="portlet" id="portlet674">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(674) }}</h3>
            <div class="clearfix"></div>
          </div>

          <div class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element674" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([674],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 col-xs-12 m-t-15 mb-3">
        <div class="portlet" id="portlet468">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(468) }}</h3>
            <div class="clearfix"></div>
          </div>

          <div class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element468" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([468],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="row mt-3">
      <div class="col-md-12 data-table-padding">
        @include('cases.table')
        @include('cases.js.case-table-script')
      </div>
    </div>
    <div class="card-box bg-card">
      <div class="box-body" style="">
        {!! Form::open(['url' => ['MSS-INT'], 'method' => 'get','autocomplete'=>'off']) !!}
        @include('news.filter')
        {!! Form::close() !!}
      </div>
    </div>
    <div class="row">
      @include('news.table')
    </div>

    <div class="row">
      <div class="col-sm-12">
        @if($news->total() >= $news->perPage())
          {{ $news->links() }}
        @endif
      </div>
    </div>
  </div>

  {{-- ===== TAB: MSS-INT-V REVAMP ===== --}}
  <div class="tab-pane" id="mss-int-v" style="display:none;">

    {{-- ROW 1: 4 BASE METRICS --}}
    <div class="row m-t-15">
      @if($wCampaignsTested)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading" style="position:relative;"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" style="position:absolute;bottom:8px;right:8px;opacity:0.7"><circle cx="14" cy="14" r="12" stroke="#4fc3f7" stroke-width="2"/><circle cx="14" cy="14" r="4" fill="#4fc3f7"/><line x1="14" y1="2" x2="14" y2="6" stroke="#4fc3f7" stroke-width="2"/><line x1="14" y1="22" x2="14" y2="26" stroke="#4fc3f7" stroke-width="2"/><line x1="2" y1="14" x2="6" y2="14" stroke="#4fc3f7" stroke-width="2"/><line x1="22" y1="14" x2="26" y2="14" stroke="#4fc3f7" stroke-width="2"/></svg><h3 class="portlet-title text-dark">Campaigns Tested</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wCampaignsTested }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wCampaignsTested }}"><div>{!! $splunk_searches::getCodeArray([$wCampaignsTested], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wNotBlocked)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading" style="position:relative;"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" style="position:absolute;bottom:8px;right:8px;opacity:0.7"><path d="M14 2L26 24H2L14 2Z" stroke="#ffc107" stroke-width="2" fill="none"/><line x1="14" y1="10" x2="14" y2="17" stroke="#ffc107" stroke-width="2"/><circle cx="14" cy="20" r="1.5" fill="#ffc107"/></svg><h3 class="portlet-title text-dark">Not Fully Blocked</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wNotBlocked }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wNotBlocked }}"><div>{!! $splunk_searches::getCodeArray([$wNotBlocked], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wFullyBlocked)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading" style="position:relative;"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" style="position:absolute;bottom:8px;right:8px;opacity:0.7"><path d="M14 3L24 8V14C24 19.5 19.5 24.5 14 26C8.5 24.5 4 19.5 4 14V8L14 3Z" stroke="#4caf50" stroke-width="2" fill="none"/><polyline points="9,14 12,18 19,11" stroke="#4caf50" stroke-width="2" fill="none"/></svg><h3 class="portlet-title text-dark">Fully Blocked</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wFullyBlocked }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wFullyBlocked }}"><div>{!! $splunk_searches::getCodeArray([$wFullyBlocked], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wTopGap)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading" style="position:relative;"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" style="position:absolute;bottom:8px;right:8px;opacity:0.7"><circle cx="14" cy="14" r="12" stroke="#f44336" stroke-width="2"/><line x1="14" y1="8" x2="14" y2="15" stroke="#f44336" stroke-width="2"/><circle cx="14" cy="19" r="1.5" fill="#f44336"/></svg><h3 class="portlet-title text-dark">Top Gap</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wTopGap }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wTopGap }}"><div>{!! $splunk_searches::getCodeArray([$wTopGap], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
    </div>

    {{-- ROW 2: SEVERITY KPIs --}}
    <div class="row">
      @if($wCritical)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">Critical</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wCritical }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wCritical }}"><div>{!! $splunk_searches::getCodeArray([$wCritical], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wHigh)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">High</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wHigh }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wHigh }}"><div>{!! $splunk_searches::getCodeArray([$wHigh], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wMedium)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">Medium</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wMedium }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wMedium }}"><div>{!! $splunk_searches::getCodeArray([$wMedium], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
      @if($wLow)
        <div class="col-xl-3 col-md-6">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">Low</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wLow }}" class="panel-collapse collapse show">
              <div class="portlet-body"><div id="element{{ $wLow }}"><div>{!! $splunk_searches::getCodeArray([$wLow], $from, $to) !!}</div></div></div>
            </div>
          </div>
        </div>
      @endif
    </div>

    {{-- ROW 3: MAIN TABLE --}}
    @if($wTable)
      <div class="row">
        <div class="col-12">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">Immediate Threat Intelligence Assessment</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wTable }}" class="panel-collapse collapse show">
              <div class="portlet-body" style="overflow-x:auto;max-height:600px;overflow-y:auto;padding-right:2px;padding-bottom:20px;">
                <div id="element{{ $wTable }}"><div>{!! $splunk_searches::getCodeArray([$wTable], $from, $to) !!}</div></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif

    {{-- ROW 4: CASE CANDIDATES TABLE --}}
    @if($wCaseCandidates)
      <div class="row">
        <div class="col-12">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading"><h3 class="portlet-title text-dark">Case Candidates</h3><div class="clearfix"></div></div>
            <div id="portlet{{ $wCaseCandidates }}" class="panel-collapse collapse show">
              <div class="portlet-body" style="overflow-x:auto;max-height:500px;overflow-y:auto;padding-right:2px;">
                <div id="element{{ $wCaseCandidates }}"><div>{!! $splunk_searches::getCodeArray([$wCaseCandidates], $from, $to) !!}</div></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    @endif

  </div>{{-- /mss-int-v --}}

  @include('dashboards.services.mss_int_premium')

</div>{{-- /tab-content --}}

@include('widgets.bottom_time_information')

<div class="row">
  @include('dashboards.ecsm.news_top')
</div>

<link rel="stylesheet" href="/plugins/apex-chart/apexcharts.css" type="text/css">

<script src="/plugins/apex-chart/apexcharts.min.js"></script>