@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">
                            <div class="toggle-wrap nk-block-tools-toggle">
                                <a href="#" class="btn btn-icon btn-trigger toggle-expand me-n1"
                                    data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                                <div class="toggle-expand-content" data-content="pageMenu">
                                    <ul class="nk-block-tools g-3">
                                        <li>
                                            <a href="#" class="btn btn-success">
                                                <em class="icon ni ni-book"></em>
                                                <span>فتح تقرير المجموعات</span>
                                            </a>
                                        </li>

                                    </ul>
                                </div>
                            </div><!-- .toggle-wrap -->
                        </div><!-- .nk-block-head-content -->
                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->
                <div class="nk-block-head nk-block-head-sm">
                    <div class="nk-block-between">
                        <div class="nk-block-head-content">
                            <div class="toggle-wrap nk-block-tools-toggle">
                                <div class="nk-block-head-content">
                                    <h3 class="nk-block-title page-title">النتائج</h3>
                                </div>
                            </div><!-- .toggle-wrap -->
                        </div><!-- .nk-block-head-content -->
                    </div><!-- .nk-block-between -->
                </div><!-- .nk-block-head -->


                <div class="nk-block">
                    <div class="card card-bordered card-stretch">
                        <div class="card-inner-group">
                            <div class="card-inner position-relative card-tools-toggle">
                                <div class="card-title-group">
                                    <div class="card-tools me-n1">
                                        <ul class="btn-toolbar gx-1">
                                            <li>
                                                <a href="#" class="btn btn-icon search-toggle toggle-search"
                                                    data-target="search"><em class="icon ni ni-search"></em></a>
                                            </li><!-- li -->
                                        </ul><!-- .btn-toolbar -->
                                    </div><!-- .card-tools -->
                                </div><!-- .card-title-group -->
                                <div class="card-search search-wrap" data-search="search">
                                    <div class="card-body">
                                        <div class="search-content">
                                            <a href="#" class="search-back btn btn-icon toggle-search"
                                                data-target="search"><em class="icon ni ni-arrow-left"></em></a>
                                            <input type="text" class="form-control border-transparent form-focus-none"
                                                placeholder="Search by user or email">
                                            <button class="search-submit btn btn-icon"><em
                                                    class="icon ni ni-search"></em></button>
                                        </div>
                                    </div>
                                </div><!-- .card-search -->
                            </div><!-- .card-inner -->
                            <div class="card-inner p-0">
                                <div class="nk-tb-list nk-tb-ulist is-compact">
                                    <div class="nk-tb-item nk-tb-head">

                                        <div class="nk-tb-col"><span class="sub-text">#</span></div>
                                        <div class="nk-tb-col tb-col-lg"><span class="sub-text">اسم المستخدم</span>
                                        </div>
                                        <div class="nk-tb-col tb-col-md"><span class="sub-text">الإسم</span></div>
                                        <div class="nk-tb-col tb-col-sm"><span class="sub-text">إسم العائلة</span>
                                        </div>
                                        <div class="nk-tb-col tb-col-sm"><span class="sub-text">اسم الإختبار</span>
                                        </div>
                                        <div class="nk-tb-col tb-col-sm"><span class="sub-text">الدرجة</span></div>
                                        <div class="nk-tb-col tb-col-sm"><span class="sub-text">النسبة</span></div>
                                        <div class="nk-tb-col tb-col-sm"><span class="sub-text">التقدير</span></div>
                                        <div class="nk-tb-col tb-col-md"><span class="sub-text">عرض</span></div>

                                    </div>
                                    <!-- .nk-tb-item -->
                                    @for($i=0;$i<5;$i++)
                                        <div class="nk-tb-item">
                                            <div class="nk-tb-col">
                                                <span>1</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <span class="tb-lead">user70</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <span>Nada</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <span>alqhtani</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <span>Accounting HCPA</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <span>16</span>
                                            </div>
                                            <div class="nk-tb-col">
                                                <a href="" class="btn btn-dim btn-outline-primary">
                                                    <span>25%</span>
                                                </a>
                                            </div>
                                            <div class="nk-tb-col">
                                                <a href="" class="btn btn-dim btn-outline-danger">
                                                    <span>راسب</span>
                                                </a>
                                            </div>
                                            <div class="nk-tb-col">
                                                <a href="" class="btn btn-outline-info">
                                                    <em class="icon text-info ni ni-book"></em>
                                                    <span>عرض</span>
                                                </a>
                                            </div>

                                        </div>
                                    @endfor
                                    <!-- .nk-tb-item -->

                                </div><!-- .nk-tb-list -->
                            </div><!-- .card-inner -->
                            <div class="card-inner">
                                <ul class="pagination justify-content-center justify-content-md-start">
                                    <li class="page-item"><a class="page-link" href="#">Prev</a></li>
                                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><span class="page-link"><em
                                                class="icon ni ni-more-h"></em></span></li>
                                    <li class="page-item"><a class="page-link" href="#">6</a></li>
                                    <li class="page-item"><a class="page-link" href="#">7</a></li>
                                    <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                </ul><!-- .pagination -->
                            </div><!-- .card-inner -->
                        </div><!-- .card-inner-group -->
                    </div><!-- .card -->
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>
</div>
<!-- content @e -->

@endsection