@inject('splunk_searches', '\App\Models\SplunkSearches')

<div class="tab-pane active" id="home-b1">
  @include('dashboards.services.mss_risk_filter')
  <div class="row">
    <div class="col-xxl-2 col-xl-4 col-xs-3 m-t-15">
      <div class="risk-layout">
        <div class="risk-box">
          <h3>Actual Risk <i class="fa fa-info-circle" data-toggle="tooltip"
                             title="Actual Risk: is the real-time risk calculated from the aggregation of conditions whereby threats are targeting client’s assets that also have vulnerabilities"></i>
          </h3>
          <span class="risk-counter" style="color: #ED1B36;">
            {!! \App\Widgets\Dashboard\CurrentActualRiskWidget::renderBody() !!}
          </span>
        </div>
        <div class="risk-box">
          <h3>Accepted Risk <i class="fa fa-info-circle" data-toggle="tooltip"
                               title="Risk Tolerance: is derived from the answers to the questions during Setup under RISK Tolerance. These questions are mapped to threats, vulnerabilities, and assets and therefore to SKYWATCH services"></i>
          </h3>
          <span class="risk-counter" style="color: #E85E28;">
            {!! \App\Widgets\Dashboard\CurrentAcceptedRiskWidget::renderBody() !!}
          </span>
        </div>
        <div class="risk-box">
          <h3>Confidence <i class="fa fa-info-circle" data-toggle="tooltip"
                            title="Risk Confidence: is the adjustment of Actual Risk based on the quantity and quality of cybersecurity information. The more information we have the higher the confidence in the value of Risk"></i>
          </h3>
          <span class="risk-counter" style="color: #FFD035;">
           {!! \App\Models\ServiceGroup::getRiskConfidence() !!}
          </span>
        </div>
      </div>
    </div>
    <div class="col-xxl-4 col-xl-8 col-xs-6 m-t-15">
      <div
        class="portlet force-background @if(!(Gate::check('view-service','MSS-VM') or Gate::check('view-service','MSS-VME'))) darkened
        @endif">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Widgets\Dashboard\RiskLevelColorWidget::renderTitle() }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet36" class="panel-collapse collapse show" style="height: 300px;overflow: hidden;">
          <div class="portlet-body">
            @if(Gate::check('view-service','MSS-VM') or Gate::check('view-service','MSS-VME'))
              {!! \App\Widgets\Dashboard\RiskLevelColorWidget::renderBody($filter) !!}
            @endif
          </div>
        </div>
      </div>
    </div>
    <div class="col-xxl-6 col-xl-12 m-t-15">
      <div class="top-graph-wrapper mss-risk-graph">
        <div class="graph-wrap">
          <div class="history-header">
            <div class="title">{{ \App\Widgets\Dashboard\OverallAcceptedRiskLevelWidget::renderTitle() }}</div>
            <div class="history-btn-wrap">
              <a href="#" class="history-btn active" data-info="month"><span class="h-wrap">Months</span></a>
            </div>
          </div>
          {!! \App\Widgets\Dashboard\OverallAcceptedRiskLevelWidget::renderBody($filter) !!}
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 m-t-15 styling-table-big pb-0">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Widgets\Dashboard\RiskMatrixWidget::renderTitle() }}</h3>
          <div class="clearfix"></div>
        </div>
        <div class="panel-collapse collapse show" id="portlet-matrix">
          <div class="portlet-body2">
            <div id="portlet-matrix-inner" class="ct-chart ct-golden-section splunk-view splunk-table"
                 style="max-height: 100%; min-height: 700px;">
              {!! \App\Widgets\Dashboard\RiskMatrixWidget::renderBody($filter) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="tab-pane" id="statictics-b4">
  <div class="row">
    <div class="col-md-6 col-xs-6 m-t-15">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Widgets\Dashboard\RiskGapCoveringWidget::renderTitle() }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet" class="panel-collapse collapse show">
          <div class="portlet-body">
            {!! \App\Widgets\Dashboard\RiskGapCoveringWidget::renderBody() !!}
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xs-6 m-t-15">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Widgets\Dashboard\ActualRiskHistoryWidget::renderTitle() }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet36" class="panel-collapse collapse show">
          <div class="portlet-body">
            {!! \App\Widgets\Dashboard\ActualRiskHistoryWidget::renderBody() !!}
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xs-6 m-t-15">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(34) }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet34" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element34" class="ct-chart ct-golden-section">
              <div>{!! $splunk_searches::getCodeArray([34],$from,$to) !!}</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xs-6 m-t-15">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(37) }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet37" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element37" class="ct-chart ct-golden-section">
              <div>{!! $splunk_searches::getCodeArray([37],$from,$to) !!}</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="tab-pane" id="analytics">
  @include('dashboards.services.mss_risk_filter')
  <div class="row">
    <div class="col-md-12 col-xs-12 m-t-15 styling-table-big">
      <div class="portlet">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ \App\Widgets\Dashboard\RiskAnalyticsWidget::renderTitle() }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet64" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element381" class="ct-chart ct-golden-section splunk-view splunk-table"
                 style="max-height: 100%; min-height: 500px;">
              {!! \App\Widgets\Dashboard\RiskAnalyticsWidget::renderBody($filter) !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::VIEW_TOLERANCE))
  <div class="tab-pane" id="process-b4">
    <div class="row">
      <div class="col-md-12 col-xs-12 m-t-15 styling-table-big">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">
              Process
            </h3>
            <div class="clearfix"></div>
          </div>
          <div class="panel-collapse collapse show">
            <div class="ct-chart ct-golden-section splunk-view splunk-table"
                 style="max-height: 100%; min-height: 500px; padding: 0 15px;">
              <table class="table table-striped" id="process-table">
                <thead>
                <tr>
                  <th class="risk-h">TASK (based on NIST)</th>
                  <th class="risk-h">DESCRIPTION</th>
                  <th class="risk-h">GLESEC RISK APPLICATION</th>
                </tr>
                </thead>
                <tbody>
                @foreach($groups as $gr)
                  <tr class="table-row">
                    <td class="group-name">{{ $gr->name }}</td>
                    <td></td>
                    <td></td>
                  </tr>
                  @foreach($gr->riskProcessItems as $item)
                    <tr>
                      <td>{{ $item->name }}</td>
                      <td>{{ $item->description }}</td>
                      <td>{{ $item->risk_application }}</td>
                    </tr>
                  @endforeach
                @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endif
@include('widgets.bottom_time_information')
<div class="row">
  @include('dashboards.ecsm.news_top')
</div>
@section('splunk')
  @if(!$splunkhost1)
    <script type="text/javascript">
      $('.portlet-body>div').html('<span class="info_big">N/A</span>');
    </script>
  @endif
@endsection

<style>
  .risk-h[class] {
    color: #3bafda;
  }

  .group-name[class] {
    font-weight: bold;
    color: #7030a0;
  }
</style>

<script>
  new DataTable(document.querySelector('#process-table'), {sortable: false, perPage: 9999, perPageSelect: false});
</script>
@section('top_scripts')
  <link rel="stylesheet" href="{{ asset('theme/assets/css/risk.css') }}">
@endsection