@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-8 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-user-behavior" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">User Behavior</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-saas-activity" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">SaaS Activity</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-file-activity" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">File Activity</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-web-activity" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">Web Activity</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-global-protect" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">Global Protect</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#tab-all-incidents" class="tb_links nav-link">
                                <span class="d-none d-sm-inline-block">All Incidents</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-UTM')
                            <div class="tab-pane @if($service == 'MSS-UTM') active @endif" id="pill1">
                              <div style="text-align: right; height: 100%">
                                @include('dashboards.ecsm.incl_report_button',['report_name'=>'MSS-UTM'])
                                @include('dashboards.ecsm.incl_docs_button', ['docs'=>\App\Models\SplunkDashboards::getDocuments('MSS-UTM')])
                                <div style="clear: both; width: 100%;"></div>
                              </div>
                                @if($service == 'MSS-UTM') @include('dashboards.services.mss_utm') @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