@extends('backend.superadmin.index')
@section('body')

    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-image">
            <div class="bg-white-90">
                <div class="content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="text-center invisible" data-toggle="appear">
                                <h1 class="font-size-h2 mb-2">Online Exam Management</h1>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <h5 class="bg-primary-dark p-2 text-center text-white">{{$heading}}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Hero -->

        <!-- Page Content -->
        <div class="content">
            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="block block-rounded">
                                <div class="block-header block-header-default">
                                    <h3 class="block-title">Exam Status</h3>
                                </div>
                                <div class="block-content">
                                    <div class="row items-push">
                                        <div class="col-sm-3 mb-2">
                                            <a class="block block-rounded block-link-shadow bg-primary-dark mb-0" href="javascript:void(0)">
                                                <div class="block-content block-content-full d-flex align-items-center justify-content-between">
                                                    <div>
                                                        <i class="fa fa-2x fa-calculator text-light"></i>
                                                    </div>
                                                    <div class="ml-3 text-right">
                                                        <p class="text-white font-size-h3 font-w300 mb-0">
                                                            10
                                                        </p>
                                                        <p class="text-white mb-0">
                                                            Total Exam
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-sm-3 mb-2">
                                            <a class="block block-rounded block-link-shadow bg-success  mb-0" href="javascript:void(0)">
                                                <div class="block-content block-content-full d-flex align-items-center justify-content-between">
                                                    <div>
                                                        <i class="fa fa-2x fa-check-circle text-light"></i>
                                                    </div>
                                                    <div class="ml-3 text-right">
                                                        <p class="text-white font-size-h3 font-w300 mb-0">
                                                            10
                                                        </p>
                                                        <p class="text-white mb-0">
                                                            Exam Completed
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-sm-3 mb-2">
                                            <a class="block block-rounded block-link-shadow bg-warning  mb-0" href="javascript:void(0)">
                                                <div class="block-content block-content-full d-flex align-items-center justify-content-between">
                                                    <div>
                                                        <i class="si fa-2x si-refresh text-light"></i>
                                                    </div>
                                                    <div class="ml-3 text-right">
                                                        <p class="text-white font-size-h3 font-w300 mb-0">
                                                            10
                                                        </p>
                                                        <p class="text-white mb-0">
                                                            Ongoing Exam
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="col-sm-3 mb-2">
                                            <a class="block block-rounded block-link-shadow bg-danger  mb-0" href="javascript:void(0)">
                                                <div class="block-content block-content-full d-flex align-items-center justify-content-between">
                                                    <div>
                                                        <i class="fa fa-2x fa-calendar text-light"></i>
                                                    </div>
                                                    <div class="ml-3 text-right">
                                                        <p class="text-white font-size-h3 font-w300 mb-0">
                                                            10
                                                        </p>
                                                        <p class="text-white mb-0">
                                                            Upcoming Exam
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="block block-rounded">
                                <div class="block-header block-header-default">
                                    <h3 class="block-title">Quick Links</h3>
                                </div>
                                <div class="block-content">
                                    <div class="row items-push">
                                        <div class="col-sm-12">
                                            <a href="{{url()->current().'/exams'}}" class="btn btn-outline-primary">Manage Exams</a>
                                            <a href="{{url()->current().'/stream-manage'}}" class="btn btn-outline-primary">Manage Stream</a>
                                            <a href="#" class="btn btn-outline-primary">Manage Students</a>
                                            <a href="#" class="btn btn-outline-primary">Manage Results</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="block block-rounded">
                                <div class="block-header block-header-default">
                                    <h3 class="block-title">Upcoming Exams</h3>
                                </div>
                                <div class="block-content">
                                    <div class="row items-push">
                                        <div class="col-sm-12">
                                            <table class="table-sm full-width" style="width: 100%;">
                                                <tr class="border p-2 mb-2">
                                                    <td class="text-left" style="width: 80%;">
                                                        <span class=" border-bottom pb-1">Exam title goes here..</span>
                                                        <div class="mt-1">
                                                            <a href="#" class="badge badge-success btn-sm">Subjects</a>
                                                            <a href="#" class="badge badge-primary btn-sm">Questions</a>
                                                            <a href="#" class="badge badge-warning btn-sm">Students</a>
                                                            <a href="#" class="badge badge-danger btn-sm">Results</a>
                                                        </div>
                                                    </td>
                                                    <td class="text-right" style="width: 200%;">
                                                        <span class="badge badge-light">20 July 2020 | 12:00 PM</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="col-sm-12">
                                            <table class="table-sm full-width" style="width: 100%;">
                                                <tr class="border p-2 mb-2">
                                                    <td class="text-left" style="width: 80%;">
                                                        <span class=" border-bottom pb-1">Exam title goes here..</span>
                                                        <div class="mt-1">
                                                            <a href="#" class="badge badge-success btn-sm">Subjects</a>
                                                            <a href="#" class="badge badge-primary btn-sm">Questions</a>
                                                            <a href="#" class="badge badge-warning btn-sm">Students</a>
                                                            <a href="#" class="badge badge-danger btn-sm">Results</a>
                                                        </div>
                                                    </td>
                                                    <td class="text-right" style="width: 200%;">
                                                        <span class="badge badge-light">20 July 2020 | 12:00 PM</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="col-sm-12">
                                            <table class="table-sm full-width" style="width: 100%;">
                                                <tr class="border p-2 mb-2">
                                                    <td class="text-left" style="width: 80%;">
                                                        <span class=" border-bottom pb-1">Exam title goes here..</span>
                                                        <div class="mt-1">
                                                            <a href="#" class="badge badge-success btn-sm">Subjects</a>
                                                            <a href="#" class="badge badge-primary btn-sm">Questions</a>
                                                            <a href="#" class="badge badge-warning btn-sm">Students</a>
                                                            <a href="#" class="badge badge-danger btn-sm">Results</a>
                                                        </div>
                                                    </td>
                                                    <td class="text-right" style="width: 200%;">
                                                        <span class="badge badge-light">20 July 2020 | 12:00 PM</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        <div class="col-sm-12">
                                            <table class="table-sm full-width" style="width: 100%;">
                                                <tr class="border p-2 mb-2">
                                                    <td class="text-left" style="width: 80%;">
                                                        <span class=" border-bottom pb-1">Exam title goes here..</span>
                                                        <div class="mt-1">
                                                            <a href="#" class="badge badge-success btn-sm">Subjects</a>
                                                            <a href="#" class="badge badge-primary btn-sm">Questions</a>
                                                            <a href="#" class="badge badge-warning btn-sm">Students</a>
                                                            <a href="#" class="badge badge-danger btn-sm">Results</a>
                                                        </div>
                                                    </td>
                                                    <td class="text-right" style="width: 200%;">
                                                        <span class="badge badge-light">20 July 2020 | 12:00 PM</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->


@endsection