@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">Compliance</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Compliance</li>
        </ol>
        <div class="clearfix"></div>
        <div style="text-align: right; height: 38px;">
          @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('Compliance')])
        </div>
        <div class="col-md-3 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>
            <li class="nav-item">
              <a href="#home-b2" class="tb_links nav-link tab-with-maturity-history-widget">
                <span class="d-none d-sm-inline-block">2nd Screen</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="tab-content">
    <div class="tab-pane active" id="home-b1">
      <div class="card-box">
        <div class="box-body">
          {!! Form::open(['route' => ['compliance'], 'method' => 'get']) !!}
          @include('dashboards.compliance.filters')
          {!! Form::close() !!}
        </div>
      </div>
      <div class="content-body">
        <section class="dashboards-skeleton m-t-15">
          <div class="card-box">
            @if (!empty($functions) && !empty($compliance))
              @include('dashboards.compliance.table')
            @else
              <p>There is no compliance matching the criteria</p>
            @endif
          </div>
        </section>
      </div>
      <script>
        var page_name = 'compliance';
      </script>
    </div>
    <div class="tab-pane" id="home-b2">
      @include('dashboards.compliance.graph')
    </div>
  </div>
  <div class="row">
    @include('dashboards.ecsm.news_top')
  </div>
  <style type="text/css">
    .compliance-correlation-name {
      cursor: pointer;
      color: #798097;
    }

    .popover {
      opacity: 1 !important;
    }
  </style>
@endsection