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

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

@php
  $dashboard = 'Tactical Dashboard';
  $wTechCondition  = $splunk_searches::getIdByName('Technology Operational Condition', $dashboard);
  $wAvailability   = $splunk_searches::getIdByName('Availability Status', $dashboard);
  $wDegradation    = $splunk_searches::getIdByName('Operational Degradation', $dashboard);
  $wPatchHealth    = $splunk_searches::getIdByName('Patch Health', $dashboard);
  $wConfigGov      = $splunk_searches::getIdByName('Configuration Governance', $dashboard);
  $wWorkflow       = $splunk_searches::getIdByName('Workflow Health', $dashboard);
  $wAvailPerf      = $splunk_searches::getIdByName('Availability & Performance', $dashboard);
  $wPatchRemediation = $splunk_searches::getIdByName('Patch & Remediation Operations', $dashboard);
  $wConfigDetail   = $splunk_searches::getIdByName('Configuration Governance Detail', $dashboard);
  $wIoT            = $splunk_searches::getIdByName('IoT/OT Operational Visibility', $dashboard);
  $wInfraExposure  = $splunk_searches::getIdByName('Infrastructure Exposure', $dashboard);
  $wOpWorkflow     = $splunk_searches::getIdByName('Operational Workflow', $dashboard);

  $tooltips = [
    'Technology Operational Condition' => 'Overall technology and operations health in one 0-100 score. Blends system availability, performance, patch exposure, configuration governance, IoT/OT risk, and workflow execution. Higher is worse; the color shows the condition band.',
    'Availability Status'              => 'Percentage of monitored systems that are currently up and healthy. Higher is better - this gauge is green at the top of the range. The trend shows the day-over-day change.',
    'Operational Degradation'          => 'Count of systems that showed recurring instability - down or degraded on more than one occasion - over the last 30 days. Higher is worse.',
    'Patch Health'                     => 'Exposure from unpatched critical/high vulnerabilities on recently-scanned assets, amplified by how long each has been open. 0-100, higher is worse.',
    'Configuration Governance'         => 'Configuration and policy drift posture from endpoint configuration management. 0-100, higher is worse.',
    'Workflow Health'                   => 'Whether cases and remediation are being worked and closed on time. Blends resolution SLA, overdue open cases, queue pressure, and backlog growth into one 0-100 score. Higher is worse.',
    'Availability & Performance'       => 'Daily system-availability trend over the last 30 days.',
    'Patch & Remediation Operations'   => 'Open vulnerabilities by severity (Critical / High / Medium) across the client\'s assets.',
    'Configuration Governance Detail'  => 'Per-asset configuration deviations, ranked by severity (top 20).',
    'IoT/OT Operational Visibility'    => 'Inventoried IoT/OT devices with management status and risk; flags unmanaged critical devices.',
    'Infrastructure Exposure'          => 'Top exposed infrastructure assets ranked by vulnerability priority and business impact.',
    'Operational Workflow'             => 'Open case workload by owner - SLA breaches, priority mix, and aging.',
  ];
@endphp

@section('content')

  {{-- Report / Docs buttons --}}
  <div class="row">
    <div class="col-md-12 text-right">
      @include('dashboards.ecsm.incl_report_button', ['report_name' => 'Tactical Dashboard Report'])
      @include('dashboards.ecsm.incl_docs_button', ['docs' => \App\Models\SplunkDashboards::getDocuments('Tactical 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: 6 Gauge Widgets --}}
  <div class="row" id="tactical-dashboard">

    @foreach([
        $wTechCondition => 'Technology Operational Condition',
        $wAvailability  => 'Availability Status',
        $wDegradation   => 'Operational Degradation',
        $wPatchHealth   => 'Patch Health',
        $wConfigGov     => 'Configuration Governance',
        $wWorkflow      => '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 --}}

  {{-- SECOND ROW: Availability & Performance line chart --}}
  @if($wAvailPerf)
    <div class="row">
      <div class="col-xl-12 m-t-15">
        <div class="portlet image-bg-blue">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">
              Availability &amp; Performance
              @if(!empty($tooltips['Availability & Performance']))
                <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['Availability & Performance'] }}"></i>
              @endif
            </h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet{{ $wAvailPerf }}" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element{{ $wAvailPerf }}" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([$wAvailPerf], $from, $to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endif

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

    @php
      $bottomWidgets = [
        ['id' => $wPatchRemediation, 'name' => 'Patch & Remediation Operations',  'class' => 'col-xl-4'],
        ['id' => $wConfigDetail,     'name' => 'Configuration Governance Detail', 'class' => 'col-xl-4'],
        ['id' => $wIoT,              'name' => 'IoT/OT Operational Visibility',   'class' => 'col-xl-4'],
        ['id' => $wInfraExposure,    'name' => 'Infrastructure Exposure',         'class' => 'col-xl-6'],
        ['id' => $wOpWorkflow,       'name' => 'Operational Workflow',            'class' => 'col-xl-6', 'scroll' => 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['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();
      });
      $('[data-toggle="tooltip"]').tooltip({ html: false });
    });
  </script>
@endsection

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

  </style>
@endsection