@extends('layouts.layout')
@section('content')

<!-- content @s -->
<div class="nk-content ">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <h3 class="nk-block-title page-title">مرحباً،</h3>
                        </div><!-- .nk-block-head-content -->
                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->
                <div class="nk-block">
                    <div class="card card-bordered card-preview">
                        <div class="card-inner">
                            <div class="row g-gs">
                                <div class="col-sm-3">
                                    <div class="card text-white bg-teal">
                                        <div class="card-header">المُستخدمين</div>
                                        <div class="card-inner card-inner-with-icon text-center">
                                            <div class="icon-right">
                                                <em class="icon ni ni-users"></em>
                                            </div>
                                            <h5 class="card-title">737</h5>
                                        </div>
                                        <div class="card-footer">التحكم بالمستخدمين</div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="card text-white bg-blue">
                                        <div class="card-header">عدد الإختبارات</div>
                                        <div class="card-inner card-inner-with-icon text-center">
                                            <div class="icon-right">
                                                <em class="icon ni ni-file-docs"></em>
                                            </div>
                                            <h5 class="card-title">23</h5>
                                        </div>
                                        <div class="card-footer">التحكم بالإختبارات</div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="card text-white bg-gray">
                                        <div class="card-header">النتائج المُسجلة</div>
                                        <div class="card-inner  card-inner-with-icon text-center">
                                             <div class="icon-right">
                                                <em class="icon ni ni-check"></em>
                                            </div>
                                            <h5 class="card-title">415</h5>
                                        </div>
                                        <div class="card-footer">عرض النتائج</div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="card text-white bg-orange">
                                        <div class="card-header">عدد الأسئلة</div>
                                        <div class="card-inner card-inner-with-icon text-center">
                                             <div class="icon-right">
                                                <em class="icon ni ni-question"></em>
                                            </div>
                                            <h5 class="card-title">1755</h5>
                                        </div>
                                        <div class="card-footer">التحكم بالأسئلة</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nk-block">
                    <div class="card card-bordered card-preview">
                        <div class="card-inner">
                            <div class="row g-gs">
                                <div class="col-lg-6">
                                    <div class="card card-bordered  h-100">
                                        <div class="card-header border-bottom bg-teal text-white">آخر المستخدمين المُسجلين</div>
                                        <div class="card-body">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">اسم المستخدم</th>
                                                        <th scope="col">رقم الجوال</th>
                                                        <th scope="col">الحالة</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @for($i=0;$i<=3;$i++)
                                                    <tr>
                                                        <th scope="row">Hend</th>
                                                        <td>0550442612</td>
                                                        <td><span class="badge bg-success">مُفعل</span></td>
                                                    </tr>
                                                    @endfor
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="card-footer border-top text-muted bg-light text-start">عرض المستخدمين ...</div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="card card-bordered h-100">
                                        <div class="card-header border-bottom  bg-orange text-white">آخر الأسئلة</div>
                                        <div class="card-body">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">السؤال</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @for($i=1;$i<=3;$i++)
                                                    <tr>
                                                        <th scope="row">Test {{$i}}</th>
                                                    </tr>
                                                    @endfor
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="card-footer border-top text-muted bg-light text-start">عرض جميع الأسئلة ...</div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="card card-bordered  h-100">
                                        <div class="card-header border-bottom bg-gray text-white">آخر الإختبارات المُضافة</div>
                                        <div class="card-body">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">اسم الإختبار</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td scope="row">اختبار مراجعة - متعدد</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">Testing Exam</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">اختبار مراجعة - مقالي</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">انجليزي 22</td>
                                                    </tr>
                                                    <tr>
                                                        <td scope="row">اسم تجريبي</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="card-footer border-top text-muted bg-light text-start">عرض جميع الإختبارات ...</div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="card card-bordered  h-100">
                                        <div class="card-header border-bottom bg-orange text-white">آخر تسجيل دخول للمدراء</div>
                                        <div class="card-body">
                                            <table class="table">
                                                <thead>
                                                    <tr>
                                                        <th scope="col">اسم المستخدم</th>
                                                        <th scope="col">آخر دخول</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>Hend</td>
                                                        <td>2024-07-10 17:44:46</td>
                                                    </tr>
                                                    <tr>
                                                        <td>E-it</td>
                                                        <td>2024-07-10 17:44:46</td>
                                                    </tr>
                                                    <tr>
                                                        <td>batool</td>
                                                        <td>2024-07-10 17:44:46</td>
                                                    </tr>
                                                    <tr>
                                                        <td>osama7</td>
                                                        <td>2024-07-10 17:44:46</td>
                                                    </tr>
                                                    <tr>
                                                        <td>aalkahtani</td>
                                                        <td>2024-07-10 17:44:46</td>
                                                    </tr>

                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="card-footer border-top text-muted bg-light text-start">عرض جميع المُدراء ...</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- content @e -->

@endsection