@extends('layouts.main')

@section('title', 'Boardroom Dashboard')

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Boardroom Dashboard</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Boardroom Dashboard</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

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

@section('content')
  <div class="row">
    <div class="col-md-12 text-right">
      @include('dashboards.ecsm.incl_report_button',['report_name'=>'Boardroom Report'])
     {{-- <div style="float: right">
        <form method="POST" action="{!! route('report.create') !!}" accept-charset="UTF-8"
              onsubmit="return confirm('Are you sure you want to create an On-Demand Report?');">
          {{ csrf_field() }}
          <input type="hidden" name="report_requested" value="Boardroom Report">
          <input class="btn btn-success" type="submit" value="On Demand Report">
        </form>
      </div>--}}
      @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('Boardroom')])
    </div>
  </div>
  <div class="row" id="executive-dashboard">
    <div class="col-xxl-2 col-md-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-10 col-md-9  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() !!}
        </div>
      </div>
    </div>


    <div class="col-xl-8 m-t-15">
      <div class="portlet image-bg-blue">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">
            {{ $splunk_searches::getNameForId(513) }}
          </h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet513" class="panel-collapse collapse show">
          <div class="portlet-body">
              <div id="element513" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([513], $from, $to) !!}</div>
              </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-4 m-t-15 portlet-double">
      <div class="portlet force-background" style="">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(511) }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet511" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element511">
              <div>
                {!! $splunk_searches::getCodeArray([511], $from, $to) !!}
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="portlet force-background" style="">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(512) }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet512" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element512">
              <div>
                {!! $splunk_searches::getCodeArray([512], $from, $to) !!}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-12 m-t-15">
      <div class="portlet image-bg-blue">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">
            {{ $splunk_searches::getNameForId(514) }}
          </h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet514" class="panel-collapse collapse show">
          <div class="portlet-body">
              <div id="element514"
                   class="choropleth-map leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom">
                <div>{!! $splunk_searches::getCodeArray([514], $from, $to) !!}</div>
              </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-6 m-t-15">
      <div class="portlet image-bg-blue">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">
            {{ $splunk_searches::getNameForId(179) }}
          </h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet179" class="panel-collapse collapse show">
          <div class="portlet-body">
              <div id="element179" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([179], $from, $to) !!}</div>
              </div>
          </div>
        </div>
      </div>
    </div>

    <div class="col-xl-3 m-t-15 portlet-double">
      <div class="portlet force-background" style="">
        <div class="portlet-heading">
          <h3 class="portlet-title text-dark">{{ $splunk_searches::getNameForId(527) }}</h3>
          <div class="clearfix"></div>
        </div>
        <div id="portlet527" class="panel-collapse collapse show">
          <div class="portlet-body">
            <div id="element527">
              <div>
                {!! $splunk_searches::getCodeArray([527], $from, $to) !!}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>

  <div class="row">
    @include('dashboards.ecsm.news_top')
  </div>
@endsection
@section('top_scripts')
  <link rel="stylesheet" href="{{ asset('theme/assets/css/risk.css') }}">
@endsection