@inject('splunk_searches', '\App\Models\SplunkSearches')
{{ Widget::FiltersWidget([ 'timerange'=>$timerange, 'service'=>$service ]) }}
<link href="/theme/assets/css/attack-chain.css" rel="stylesheet" type="text/css">
<div class="row">
  <div class="col-12 m-t-15">
    <div class="card-box long-image-bg-blue">
      <h3 class="portlet-title text-dark"
          style="font-weight: bold;font-size: 16px;color: rgb(152, 166, 173) !important; display:none;">Attack
        Chain</h3>
      <div class="attack-chain-wrap">
        <div class="item red">
          <a class="title" href="{!! url('/MSS-BAS-Ph') !!}">{{ $splunk_searches::getNameForId(209) }}</a>
          <div class="val phishing_vector" id="element209">
            <div>
              {!! $splunk_searches::getCodeArray([209],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item purple">
          <a class="title" href="{!! url('/MSS-BAS-Em') !!}">{{ $splunk_searches::getNameForId(210) }}</a>
          <div class="val email_vector" id="element210">
            <div>
              {!! $splunk_searches::getCodeArray([210],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item yellow">
          <a class="title" href="{!! url('/MSS-BAS-Wa') !!}">{{ $splunk_searches::getNameForId(211) }}</a>
          <div class="val waf_vector" id="element211">
            <div>
              {!! $splunk_searches::getCodeArray([211],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item blue">
          <a class="title" href="{!! url('/MSS-BAS-Br') !!}">{{ $splunk_searches::getNameForId(212) }}</a>
          <div class="val web_vector" id="element212">
            <div>
              {!! $splunk_searches::getCodeArray([212],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item pink">
          <a class="title" href="{!! url('/MSS-BAS-ED') !!}">{{ $splunk_searches::getNameForId(213) }}</a>
          <div class="val edr_vector" id="element213">
            <div>
              {!! $splunk_searches::getCodeArray([213],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item green">
          <a class="title" href="{!! url('/MSS-BAS-LM') !!}">{{ $splunk_searches::getNameForId(214) }}</a>
          <div class="val lm_vector" id="element214">
            <div>
              {!! $splunk_searches::getCodeArray([214],$from,$to) !!}
            </div>
          </div>
        </div>
        <div class="item turquoise">
          <a class="title" href="{!! url('/MSS-BAS-DLP') !!}">{{ $splunk_searches::getNameForId(215) }}</a>
          <div class="val dlp_vector" id="element215">
            <div>
              {!! $splunk_searches::getCodeArray([215],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <!-- Row 1 -->

  <div class="col-md-6">
    <div class="portlet image-bg-red">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(216) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet216" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element216" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([216],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-6">
    <div class="portlet image-bg-orange">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(217) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet217" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element217" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([217],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-6 m-t-15">
    <div class="portlet image-bg-purple">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(218) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet218" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element218" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([218],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-6 m-t-15">
    <div class="portlet image-bg-green-pine">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(219) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet219" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element219" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([219],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-6 m-t-15">
    <div class="portlet image-bg-violet">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(220) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet220" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element220" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([220],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6 m-t-15">
    <div class="portlet image-bg-blue">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(221) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet221" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element221" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([221],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-md-8 m-t-15">
    <div class="portlet long-image-bg-green">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(222) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet222" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element222" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([222],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-4 m-t-15">
    <div class="portlet image-bg-violet">
      <!-- /primary heading -->
      <div class="portlet-heading">
        <h3 class="portlet-title text-dark">
          {{ $splunk_searches::getNameForId(535) }}
        </h3>
        <div class="clearfix"></div>
      </div>
      <div id="portlet535" class="panel-collapse collapse show">
        <div class="portlet-body">
          <div id="element535" style="min-height:139px;max-height:139px;">
            <div>
              {!! $splunk_searches::getCodeArray([535],$from,$to) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="col-md-6 m-t-15">
    <div class="portlet image-bg-violet" style="padding: 16px">
      @include('dashboards.services.incl_Operational_Metrics_per_Department')
      <style>
        .image-bg-violet h3:first-child {
          color: #8246ff !important;
        }
      </style>
    </div>
  </div>

</div>
@include('widgets.bottom_time_information')
<div class="row">
  @include('dashboards.ecsm.news_top')
</div>
@section('splunk')
  {{--  @if(!$splunkuser)
      <script type="text/javascript">
        $('.portlet-body>div').html('<span class="info_big">N/A</span>');
      </script>
    @endif--}}
@endsection