@extends('layouts.main')

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

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Risk</h4>
        <div class="col-md-8 claswic_center">
          <ul class="nav nav-tabs nav-bordered nav-justified">
            <li class="nav-item">
              <a href="#home-b1" class="tb_links nav-link active">
                <span class="d-none d-sm-inline-block">Main</span>
              </a>
            </li>
            <div class="nav-item">
              <a href="#statictics-b4" class="tb_links nav-link" >
                            <span class="d-none d-sm-inline-block">
                              Statistics
                            </span>
              </a>
            </div>
            <li class="nav-item">
              <a href="#analytics" class="tb_links nav-link">
                <span class="d-none d-sm-inline-block">Analytics</span>
              </a>
            </li>
            @if(\App\Models\GmpRoles::canSeeLink(\App\Models\GmpRoles::VIEW_TOLERANCE))
              <li class="nav-item">
                <a href="#process-b4" class="tb_links nav-link">
                  <span class="d-none d-sm-inline-block">Process</span>
                </a>
              </li>
            @endif
          </ul>
        </div>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item">Risk</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="content-body  tab-content">
    <div style="text-align: right; height: 100%">
      @include('dashboards.ecsm.incl_report_button',['report_name'=>'Risk'])
      @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('Risk')])
      <div style="clear: both; width: 100%;"></div>
    </div>
    @include('dashboards.services.mss_risk')
  </div>
  <script>
    var page_name = 'risk';
  </script>
@endsection
@section('scripts')
  <script src="/plugins/apex-chart/apexcharts.min.js"></script>
  <script type="text/javascript">
    $(document).on('click', '.tb_links', function (e) {
      e.preventDefault();
      $('.tab-pane,.tb_links').removeClass('active');
      $(this).addClass('active');
      $($(this).attr('href')).addClass('active');
      //console.log($(this).attr('href').slice(1))
      const url = new URL(location);
      url.searchParams.set("tab", $(this).attr('href').slice(1));
      $('.filter_tab').val( $(this).attr('href').slice(1));
      history.pushState({}, "", url);
      window.dispatchEvent(new Event('resize'));
    });
  </script>
  <style>
    .apexcharts-menu.apexcharts-menu-open {
      background-color: #32234b;
      border: none;
    }

    .apexcharts-menu-item[class]:hover {
      background-color: #463069;
    }
  </style>
@endsection