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

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

@php
  $dashboard = 'Executive Dashboard';
  $wGlobal      = $splunk_searches::getIdByName('Global Organizational Condition', $dashboard);
  $wThreat      = $splunk_searches::getIdByName('Strategic Threat Pressure', $dashboard);
  $wExposure    = $splunk_searches::getIdByName('Critical Exposure', $dashboard);
  $wResilience  = $splunk_searches::getIdByName('Organizational Resilience', $dashboard);
  $wWorkflow    = $splunk_searches::getIdByName('Executive Workflow Health', $dashboard);
  $wRiskDrivers = $splunk_searches::getIdByName('Strategic Risk Drivers', $dashboard);
  $wExecExposure= $splunk_searches::getIdByName('Executive Exposure', $dashboard);
  $wResTrend    = $splunk_searches::getIdByName('Organizational Resilience Trend', $dashboard);
  $wOpExec      = $splunk_searches::getIdByName('Operational Execution', $dashboard);
  $wCyberTrend  = $splunk_searches::getIdByName('Cybersecurity Trend', $dashboard);
  $wTechStab    = $splunk_searches::getIdByName('Technology Stability', $dashboard);

  $tooltips = [
    'Global Organizational Condition'  => 'Overall protection status. Combines threat pressure, technology resilience, open critical risk, critical notable events, and response execution into one 0–100 score. Higher is worse; color shows the condition band.',
    'Strategic Threat Pressure'        => 'Is attack pressure increasing? Combines growth in distinct attacker-to-target relationships (last 30 days vs the prior 30), open critical/high notable events, and blocked-attack volume trend. 0–100, higher is worse.',
    'Critical Exposure'                => 'Unique critical/high vulnerabilities exposed across external and internal assets in the last 30 days, deduplicated. Color reflects the exposure severity score, weighting external exposure and business impact.',
    'Organizational Resilience'        => 'Can operations continue? Combines system availability against target with response-workflow health. Patch and configuration signals join automatically when those feeds are restored. Higher is worse.',
    'Executive Workflow Health'        => 'Are security cases being worked? Combines resolution speed, cases past SLA, queue pressure, and backlog growth. The badge shows overdue vs open cases. Displays Degraded when critical cases breach SLA.',
    'Strategic Risk Drivers'           => 'Top five open notable events ranked by priority, age, persistent attack overlap, and vulnerability pressure. Each row\'s score drives its condition color.',
    'Executive Exposure'               => 'Assets with critical/high vulnerabilities, ranked by severity, exposure class, and business impact from the asset database. The header row shows totals by class and severity',
    'Organizational Resilience Trend'  => 'Daily Organizational Resilience score over time. History accumulates from the day scoring began; no backfill.',
    'Operational Execution'            => 'Case workload by service: open counts by priority, overdue and stalled cases, average age, resolution speed, and backlog trend. Rows rank by execution risk; Degraded flags critical-case breaches.',
    'Cybersecurity Trend'              => 'Blocked and prevented attack activity per protection service over the last three complete months. Services appear where the client has that data.',
    'Technology Stability'             => 'Monthly availability of monitored systems over the last three complete months against the 99.5% target',
  ];
@endphp

@section('content')

  {{-- Report / Docs buttons --}}
  <div class="row">
    <div class="col-md-12 text-right">
      @include('dashboards.ecsm.incl_report_button', ['report_name' => 'Executive Dashboard Report'])
      @include('dashboards.ecsm.incl_docs_button', ['docs' => \App\Models\SplunkDashboards::getDocuments('Executive Dashboard')])
    </div>
  </div>

  {{-- Global Time Range Selector --}}
  <div class="row m-b-15">
    <div class="col-md-12">
      <div class="d-flex align-items-center">
        <label class="mr-2 mb-0 font-weight-bold" style="white-space:nowrap;">Global Time Range:</label>
        <select id="global-timerange" class="form-control" style="max-width:220px;">
          <option value="-15m@m" {{ $timerange == '-15m@m' ? 'selected' : '' }}>Last 15 minutes</option>
          <option value="-60m@m" {{ $timerange == '-60m@m' ? 'selected' : '' }}>Last 60 minutes</option>
          <option value="-4h@h"  {{ $timerange == '-4h@h'  ? 'selected' : '' }}>Last 4 hours</option>
          <option value="-24h@h" {{ $timerange == '-24h@h' ? 'selected' : '' }}>Last 24 hours</option>
          <option value="-7d@d"  {{ $timerange == '-7d@d'  ? 'selected' : '' }}>Last 7 days</option>
          <option value="-30d@d" {{ $timerange == '-30d@d' ? 'selected' : '' }}>Last 30 days</option>
          <option value="-90d@d" {{ $timerange == '-90d@d' ? 'selected' : '' }}>Last 90 days</option>
          <option value="-6mon@mon" {{ $timerange == '-6mon@mon' ? 'selected' : '' }}>Last 6 months</option>
        </select>
      </div>
    </div>
  </div>

  {{-- TOP ROW: 5 Gauge Widgets --}}
  <div class="row" id="executive-dashboard">

    @foreach([
        $wGlobal     => 'Global Organizational Condition',
        $wThreat     => 'Strategic Threat Pressure',
        $wExposure   => 'Critical Exposure',
        $wResilience => 'Organizational Resilience',
        $wWorkflow   => 'Executive Workflow Health',
    ] as $wId => $wName)
      @if($wId)
        <div class="col-xl col-md-4 m-t-15">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading">
              <h3 class="portlet-title text-dark">
                {{ $wName }}
                @if(!empty($tooltips[$wName]))
                  <i class="fa fa-info-circle text-muted"
                     style="font-size:14px; cursor:pointer; margin-left:4px;"
                     data-toggle="tooltip"
                     data-placement="top"
                     title="{{ $tooltips[$wName] }}"></i>
                @endif
              </h3>
              <div class="clearfix"></div>
            </div>
            <div id="portlet{{ $wId }}" class="panel-collapse collapse show">
              <div class="portlet-body">
                <div id="element{{ $wId }}">
                  <div>{!! $splunk_searches::getCodeArray([$wId], $from, $to) !!}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      @endif
    @endforeach

  </div>{{-- /top row gauges --}}

  {{-- BOTTOM ROW: Tables and Charts --}}
  <div class="row">

    @php
      $bottomWidgets = [
        ['id' => $wRiskDrivers,  'name' => 'Strategic Risk Drivers',          'class' => 'col-xl-4'],
        ['id' => $wExecExposure, 'name' => 'Executive Exposure',              'class' => 'col-xl-4'],
        ['id' => $wResTrend,     'name' => 'Organizational Resilience Trend', 'class' => 'col-xl-4', 'chart' => true],
        ['id' => $wOpExec,       'name' => 'Operational Execution',           'class' => 'col-xl-4', 'scroll' => true],
        ['id' => $wCyberTrend,   'name' => 'Cybersecurity Trend',             'class' => 'col-xl-4', 'chart' => true],
        ['id' => $wTechStab,     'name' => 'Technology Stability',            'class' => 'col-xl-4', 'chart' => true],
      ];
    @endphp

    @foreach($bottomWidgets as $w)
      @if($w['id'])
        <div class="{{ $w['class'] }} m-t-15">
          <div class="portlet image-bg-blue">
            <div class="portlet-heading">
              <h3 class="portlet-title text-dark">
                {{ $w['name'] }}
                @if(!empty($tooltips[$w['name']]))
                  <i class="fa fa-info-circle text-muted"
                     style="font-size:14px; cursor:pointer; margin-left:4px;"
                     data-toggle="tooltip"
                     data-placement="top"
                     title="{{ $tooltips[$w['name']] }}"></i>
                @endif
              </h3>
              <div class="clearfix"></div>
            </div>
            <div id="portlet{{ $w['id'] }}" class="panel-collapse collapse show">
              <div class="portlet-body">
                <div id="element{{ $w['id'] }}"
                     @if(!empty($w['chart'])) class="ct-chart ct-golden-section" @endif
                     @if(!empty($w['scroll'])) style="overflow-x:auto;" @endif>
                  <div>{!! $splunk_searches::getCodeArray([$w['id']], $from, $to) !!}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      @endif
    @endforeach

  </div>{{-- /bottom row --}}

  {{-- News --}}
  <div class="row">
    @include('dashboards.ecsm.news_top')
  </div>

@endsection

@section('scripts')
  <script>
    $(function() {
      var current = "{{ $timerange }}";
      $('#global-timerange').val(current);
      $('#global-timerange').on('change', function() {
        var url = new URL(window.location.href);
        url.searchParams.set('timerange', $(this).val());
        window.location.href = url.toString();
      });
      // Init tooltips
      $('[data-toggle="tooltip"]').tooltip({ html: false });
    });
  </script>
@endsection

@section('top_scripts')
  <link rel="stylesheet" href="{{ asset('theme/assets/css/risk.css') }}">
  <style>

  </style>
@endsection