@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-4 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">Overview</span>
                      </a>
                  </li>
                  <li class="nav-item">
                      <a href="#home-b2" class="tb_links nav-link">
                          <span class="d-none d-sm-inline-block">History</span>
                      </a>
                  </li>
                </ul>
              </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="m-t-20">
                    <div class="card-block">
                            @can('view-dashboard', 'MSS-WAF-CLOUD')
                            <div class="tab-pane active" id="pill1">
                              @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('MSS-WAF-CLOUD')])
                              <div style="clear: both; width: 100%;"></div>
                               @include('dashboards.services.mss_waf_cloud')
                            </div>
                          @else
                            <h1>Information is unavailable!</h1>
                          @endcan
                    </div>
                </div>
            </div>
        </section>
    </div>

    <script>
        var page_name = 'threats';
    </script>
@endsection
@section('scripts')
  <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');
     window.dispatchEvent(new Event('resize'));
  });
  </script>
@endsection