@extends('layouts.main')

@section('title', 'GLESEC Member Portal')

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">{{ $service }}</h4>
        <div class="col-md-10 claswic_center">
          <ul class="nav nav-tabs nav-bordered nav-justified">
            <li class="nav-item">
              <a href="#mss-int" class="tb_links nav-link active">
                <span class="d-none d-sm-inline-block">MSS-INT</span>
              </a>
            </li>
            <li class="nav-item">
              @php
                // MSS-INT-V access: direct contract OR Premium contract (inheritance)
                $splunkSearchV = \App\Models\SplunkSearches::query()->select('id')->where('id', 679)->with(['services'])->first();
                $serviceShortNamesV = $splunkSearchV->services->pluck('short_name') ?? collect();
                $hasAccessV = $serviceShortNamesV->contains(function ($shortName) {
                    return Gate::check('view-service', $shortName);
                });

                $splunkSearchPremium = \App\Models\SplunkSearches::query()->select('id')->where('id', 925)->with(['services'])->first();
                $serviceShortNamesPremium = $splunkSearchPremium ? ($splunkSearchPremium->services->pluck('short_name') ?? collect()) : collect();
                $hasAccessPremium = $serviceShortNamesPremium->contains(function ($shortName) {
                    return Gate::check('view-service', $shortName);
                });

                // Inheritance: Premium grants V access
                $hasAccess = $hasAccessV || $hasAccessPremium;
              @endphp

              <a href="#mss-int-v"
                 class="tb_links nav-link @if(!$hasAccess) disabled @endif">
                <span class="d-none d-sm-inline-block">MSS-INT-V</span>
              </a>
            </li>
            <li class="nav-item">
              <a href="#mss-int-premium"
                 class="tb_links nav-link @if(!$hasAccessPremium) disabled @endif">
                <span class="d-none d-sm-inline-block">MSS-INT Premium</span>
              </a>
            </li>
          </ul>
        </div>
        <div class="col-md-4 d-flex align-items-center mt-2">
          <label class="mr-2 mb-0 font-weight-bold" style="white-space:nowrap;color:#fff;">Time Range:</label>
          <select id="global-timerange" class="form-control" style="max-width:200px;">
            <option value="-24h@h"    {{ request('timerange_new') == '-24h@h'    ? 'selected' : '' }}>Last 24 hours</option>
            <option value="-7d@d"     {{ request('timerange_new') == '-7d@d'     ? 'selected' : '' }}>Last 7 days</option>
            <option value="-30d@d"    {{ request('timerange_new') == '-30d@d'    ? 'selected' : '' }}>Last 30 days</option>
            <option value="-90d@d"    {{ request('timerange_new') == '-90d@d'    ? 'selected' : '' }}>Last 90 days</option>
            <option value="-6mon@mon" {{ request('timerange_new') == '-6mon@mon' ? 'selected' : '' }}>Last 6 months</option>
          </select>
        </div>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">{{ $service }}</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')

  <div class="content-body">
    <section class="dashboards-skeleton">
      <div class="card">

        <div class="card-body">
          <div class="card-block">
            @php
              $hasAccessMssInt = Gate::check('view-dashboard', 'MSS-INT') || $hasAccess || $hasAccessPremium;
            @endphp
            @if($hasAccessMssInt)
              <div class="tab-pane active" id="pill1">
                @include('dashboards.ecsm.incl_report_button',['report_name'=>'MSS-INT'])
                @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('MSS-INT')])
                @include('dashboards.services.mss_int')
              </div>
            @else
              <h1>Information is unavailable!</h1>
            @endif

            @if($hasAccessPremium)
              <div class="tab-pane" id="mss-int-premium">
                @include('dashboards.ecsm.incl_report_button', ['report_name' => 'MSS-INT Premium'])
                @include('dashboards.ecsm.incl_docs_button', ['docs' => \App\Models\SplunkDashboards::getDocuments('MSS-INT-PREMIUM')])
                @include('dashboards.services.mss_int_premium')
              </div>
            @endif
          </div>
        </div>
      </div>
    </section>
  </div>

  <script>
    var page_name = 'threats';
  </script>

  <script>
    $('.tb_links').on('click', function (e) {
      e.preventDefault();
      if ($(this).hasClass('disabled')) {
        return false;
      }
      var target = $(this).attr('href');
      $('.tb_links').removeClass('active');
      $(this).addClass('active');
      $('.tab-content > .tab-pane').hide();
      $(target).show();
    });

    // Show initial active tab
    $(function() {
      var activeTab = $('.tb_links.active').attr('href');
      if (activeTab) {
        $('.tab-content > .tab-pane').hide();
        $(activeTab).show();
      }
    });
  </script>
@endsection

@section('scripts')
  <script type="text/javascript">
    $(function() {
      var currentTimerange = new URLSearchParams(window.location.search).get('timerange_new') || '-30d@d';
      $('#global-timerange').val(currentTimerange);

      $('#global-timerange').on('change', function() {
        var url = new URL(window.location.href);
        url.searchParams.set('timerange_new', $(this).val());
        window.location.href = url.toString();
      });
    });
  </script>
@endsection