@inject('splunk_searches', '\App\Models\SplunkSearches')
{{--{{ Widget::FiltersWidget([ 'timerange'=>$timerange, 'service'=>$service ]) }}--}}

<div class=" tab-content">
  <div class="tab-pane active" id="home-b1">
    <div class="row">

      <div class="col-md-6 m-t-15">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(651) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet651" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element651" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([651],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6 m-t-15">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(449) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet449" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element449" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([449],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-12 m-t-15">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(181) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet181" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element181" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([181],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-12 m-t-15">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(649) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet649" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element649"  class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([649],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-md-6">
        <div class="widget-box widget-table">
          <h3 style="color: #FFFF; font-size: 1rem; font-weight: normal; width: 100%;">Table of Notable Events</h3>
          <div class="tbl-head m-t-10">
            <p>Notable Event Type</p>
            <p>How Many #</p>
          </div>
          <table class="top_cases table table-striped">
            @forelse($notableTypes as $type => $qty)
              <tr>
                <td><span title="{{ $type }}">{!! $type !!}</span></td>
                <td style="width: 50px;">{{ $qty }}</td>
              </tr>
            @empty
              <tr>
                <td>n/a</td>
              </tr>
            @endforelse
          </table>
        </div>
      </div>

      <div class="col-md-6">
        <div class="widget-box widget-table">
          <h3 style="color: #FFFF; font-size: 1rem; font-weight: normal; width: 100%;">Table of related cases</h3>
          <table class="top_cases table table-striped  m-t-10">
            @forelse($topCases as $case)
              <tr>
                <td><span>{{ $case->id }} {{ $case->name }}</span></td>
              </tr>
            @empty
              <tr>
                <td>n/a</td>
              </tr>
            @endforelse
          </table>
        </div>
      </div>

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