@extends('layouts.walls')
@inject('splunk_searches', '\App\Models\SplunkSearches')
@section('content')
  @php
    $from=$to=null;
  @endphp
  <div class="logout-float">
    <span id="status-ok" style="display: none">🟢 SYSTEM STATUS: OPERATIONAL</span>
    <span id="status-bad">🔴 SYSTEM STATUS: DEGRADED / NO DATA</span>
    <span id="last-updated" class="mr-3">{{ \Carbon\Carbon::now() }}</span>
    <button id="refresh-btn" class="btn btn-sm btn-outline-secondary mr-2" onclick="refreshWallData()">
      <i class="fa fa-refresh"></i> Refresh
    </button>
    <a href="{{ route('wallLogout') }}" class="btn btn-sm btn-outline-secondary">Logout</a>
    <a href="{{ route('wallLogout',['toSkywatch'=>true]) }}" class="btn btn-sm btn-outline-secondary">Logout and Back to
      Skywatch</a>
  </div>

  <div class="row" style="margin-top: -16px;">
    @include('dashboards.ecsm.map')
  </div>

  <style>
    html, body {
      height: 100vh !important;
      overflow: hidden !important;
      margin: 0 !important;
    }

    .portlet {
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
    }

    .col-md-12.m-t-15 {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    #element683.map {
      height: calc(100vh - 110px) !important;
    }

    #tbl {
      height: calc(100vh - 110px) !important;
      max-height: calc(100vh - 110px) !important;
    }

    .row.p-2.align-items-stretch {
      height: calc(100vh - 110px) !important;
      margin: 0 !important;
    }

    .col-md-7.pr-0,
    .col-md-5.pl-0.d-flex {
      height: 100% !important;
    }

    #portletmap22,
    #portletmap22 .portlet-body {
      height: 100% !important;
    }

    .widget-box.widget-table .tbl-head + ul {
      overflow: auto;
    }
    .widget-box.widget-table .tbl-head + ul::-webkit-scrollbar { width: 0; height: 0; }
    .widget-box.widget-table .tbl-head + ul { -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-width: none; }
  </style>

  <script>
    function refreshWallData() {
      $('#element683').trigger('widget:reload');
      refreshSplunkWidget(696);
      refreshSplunkWidget(697);
      refreshSplunkWidget(698);
      $("#last-updated").text(new Date().toLocaleString());
    }
  </script>
@endsection