@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="#tab-main" class="tb_links nav-link active">
                <span class="d-none d-sm-inline-block">Main</span>
              </a>
            </li>
<!--            <li class="nav-item">
              <a href="#tab-2nd-screen" class="tb_links nav-link">
                <span class="d-none d-sm-inline-block">DLP Legacy</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="card-body">
          <div class="card-block">

            @can('view-dashboard', 'MSS-DLP')
              <div class="tab-pane @if($service == 'MSS-DLP') active @endif" id="pill1">
                <div style="text-align: right; height: 100%">
                  @include('dashboards.ecsm.incl_report_button',['report_name'=>'MSS-DLP'])
                  @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('MSS-DLP')])
                  <div style="clear: both; width: 100%;"></div>
                </div>
                @if($service == 'MSS-DLP') @include('dashboards.services.mss_dlp') @endif
              </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