@inject('splunk_searches', '\App\Models\SplunkSearches')
{{ Widget::FiltersWidget([ 'timerange'=>$timerange, 'service'=>$service ]) }}
<div class="flex-row">
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">Ransomware</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element1"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">Malware</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element2"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-12">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">e-mails Sent</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element21"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-12">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">e-mails Penetrated</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element31"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">e-mail Sent</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element41"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="card">
      <div class="card-header">
        <h4 class="card-title">e-mails Penetrated</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
        <div class="heading-elements"></div>
      </div>
      <div class="card-body collapse in">
        <div class="card-block">
          <div id="element51"></div>
        </div>
      </div>
    </div>
  </div>
  @include('dashboards.ecsm.news_top')
</div>
@section('splunk')
@if(!$splunkemail)
<script type="text/javascript">
  $('.portlet-body>div').html('<span class="info_big">N/A</span>');
</script>
@endif
@endsection