@extends('super-admin.layouts.main')
@section('content')
<main>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="superadmin-head">Super Admin</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('view.company') }}">
                            <div class="card-wrapper">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="resources">{{$company_count}}</h2>
                                    </div>
                                    <div class="card-icon">
                                        <i class="icon fas fa-building"></i>
                                    </div>
                                </div>
                                <div class=" modulename">
                                    <p class="name">Company</p>
                                   <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="#">
                            <div class="card-wrapper typ-blue">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="typ-blue">{{$admin_count}}</h2>
                                    </div>
                                    <div class="card-icon">
                                        <i class="icon fas fa-tags"></i>
                                    </div>
                                </div>
                                <div class=" modulename">
                                    <p class="name">Admin</p>
                                   <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('view.user') }}">
                            <div class="card-wrapper typ-yellow">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2>{{$user_count}}</h2>
                                    </div>
                                    <div class="card-icon">
                                        <i class="icon fas fa-users"></i>
                                    </div>
                                </div>
                                <div class=" modulename">
                                    <p class="name">Users</p>
                                   <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h2 class="superadmin-head mrgB24">Services</h2>
                    </div>
                </div>
                <div class="row dash-bottomCard">
                    <!-- <div class="col-lg-4 col-12 mb-4">
                        <a href="#">
                            <div class="card-wrapper typ-yellow">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="vwep">VWEP</h2>
                                    </div>
                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div> -->
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('masterClass.view') }}">
                            <div class="card-wrapper typ-maroon">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="masterclass">Masterclass</h2>
                                    </div>

                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('event.list') }}">
                            <div class="card-wrapper typ-yellow2">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="course">Course</h2>
                                    </div>

                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <!-- <div class="col-lg-4 col-12 mb-4">
                        <a href="#">
                            <div class="card-wrapper typ-purple">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="jobs">Jobs</h2>
                                    </div>
                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div> -->
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('blog.list') }}">
                            <div class="card-wrapper typ-bluedark">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="blogs">Blogs</h2>
                                    </div>

                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-lg-4 col-12 mb-4">
                        <a href="{{ route('resources.view') }}">
                            <div class="card-wrapper typ-green">
                                <div class="super-card">
                                    <div class="card-number">
                                        <h2 class="resources">Resources</h2>
                                    </div>

                                </div>
                                <div class=" modulename">
                                    <i class="icon far fa-arrow-alt-circle-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection