@extends('admin.master')

@section('breadcrumbs')

<nav class="breadcrumbs">
    <a  class="breadcrumbs__item is-active">الصفحة الرئيسية</a>
</nav>

@endsection
@section('style')
<style>
    .card {
    margin-bottom: 23px;
    border: 0px;
    border-radius: 22.625rem;
    box-shadow: 6px 11px 41px -28px #a99de7;
}
.display-2 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
</style>
@endsection
@section('content')

            <div class="container-fluid mt-3">
                <div class="row index-container">
                    @can('users_section')
                    <div class="col-lg-3 col-sm-6">
                        <a href="{{ route('users') }}">
                            <div class="card ">
                                <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fas fa-user-friends"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> المستخدمين   </h4>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
                 @can('school_staf')
                <div class="col-lg-3 col-sm-6">
                    <a href="{{ route('school_staf') }}">
                    <div class="card ">
                        <div class="card-body">
                            <span class="float-right display-2 opacity-5"><i class="fas fa-user-friends"></i></span>
                            <h4 class="text-white" style="text-align: center;"> موظفي المدرسة</h4>
                        </div>
                    </div>
                    </a>
                </div>
                 @endcan
                @can('attendance_schedule_and_exams')
                <div class="col-lg-3 col-sm-6">
                    <a href="{{ route('classes.view.exams') }}">
                        <div class="card ">
                            <div class="card-body">

                                <span class="float-right display-2 opacity-5"><i class="far fa-calendar-alt"></i></span>
                                <h4 class="text-white" style="text-align: center;">  الاختبارات</h4>

                            </div>
                        </div>
                    </a>
                </div>
           @endcan
            @can('workschedule')
            <div class="col-lg-3 col-sm-6">
                    <a href="{{ route('workschedule_class') }}">
                        <div class="card ">
                            <div class="card-body">

                                <span class="float-right display-2 opacity-5"><i class="far fa-calendar-alt"></i></span>
                                <h4 class="text-white" style="text-align: center;"> برنامج الدوام  </h4>

                            </div>
                        </div>
                    </a>
                </div>
           @endcan
            @can('electronic_section')
<div class="col-lg-3 col-sm-6">
    <a href="{{ route('electronic_section') }}">
        <div class="card ">
            <div class="card-body">
                <span class="float-right display-2 opacity-5"><i class="&#102;&#97;&#114; &#102;&#97;&#45;&#99;&#97;&#108;&#101;&#110;&#100;&#97;&#114;&#45;&#97;&#108;&#116;"></i></span>
                <h4 class="text-white" style="text-align: center;">&#1575;&#1604;&#1605;&#1603;&#1578;&#1576;&#1577; &#1575;&#1604;&#1573;&#1604;&#1603;&#1578;&#1585;&#1608;&#1606;&#1610;&#1577;</h4>
            </div>
        </div>
    </a>
</div>

               @endcan
            @can('construction_departments')
           <div class="col-lg-3 col-sm-6">
               <a href="{{ route('construction_departments') }}">
                   <div class="card ">
                       <div class="card-body">
                           <span class="float-right display-2 opacity-5"><i class="far fa-building"></i></span>
                           <h4 class="text-white" style="text-align: center;">   تفاصيل البناء المدرسي </h4>

                       </div>
                   </div>
               </a>
           </div>
       @endcan
           @can('editor_follow_up_online_classes')
           <div class="col-lg-3 col-sm-6">
               <a href="{{ route('classes.manager') }}">
               <div class="card ">
                   <div class="card-body">

                       <span class="float-right display-2 opacity-5"><i class="	fas fa-user-clock"></i></span>
                       <h4 class="text-white" style="text-align: center;"> متابعة الدروس الافتراضية التفاعلية</h4>
                   </div>
               </div>
               </a>
           </div>
       @endcan
       @can('student_affairs_section')
       <div class="col-lg-3 col-sm-6">
           <a href="{{ route('students') }}">
               <div class="card ">
                   <div class="card-body">

                   <span class="float-right display-2 opacity-5"><i class="fas fa-user-alt"></i></span>
                   <h4 class="text-white" style="text-align: center;"> شؤون الطلاب</h4>
                   </div>
               </div>
           </a>
       </div>
    @endcan  
     @can('export_students_detail')
    <div class="col-lg-3 col-sm-6">
          <a href="{{ route('export_students_detail') }}">
           <div class="card ">
               <div class="card-body">

                   <span class="float-right display-2 opacity-5"><i class="fas fa-user-alt"></i></span>
                   <h4 class="text-white" style="text-align: center;">  تصدير  بيانات الطلاب   </h4>
               </div>
           </div>
           </a>
   </div>
@endcan
    @can('user_permissions')
    <div class="col-lg-3 col-sm-6">
         <a href="{{ route('admin.roles.index') }}">
            <div class="card ">
                <div class="card-body">

                    <span class="float-right display-2 opacity-5"><i class="far fa-id-badge"></i></span>
                    <h4 class="text-white" style="text-align: center;"> صلاحيات المستخدم</h4>

                </div>
            </div>
        </a>
    </div>
@endcan
        @can('lecture_time_section')
        <div class="col-lg-3 col-sm-6">
            <a href="{{ route('sessions') }}">
                <div class="card ">
                    <div class="card-body">

                        <span class="float-right display-2 opacity-5"><i class="far fa-building"></i></span>
                        <h4 class="text-white" style="text-align: center;"> الحصص</h4>

                    </div>
                </div>
            </a>
        </div>
        @endcan
            <!--@can('educational_supervisors')-->
            <!--<div class="col-lg-3 col-sm-6">-->
            <!--    <a href="{{ route('supervisors') }}">-->
            <!--    <div class="card ">-->
            <!--        <div class="card-body">-->

            <!--            <span class="float-right display-2 opacity-5"><i class="fas fa-user-tie"></i></span>-->
            <!--            <h4 class="text-white" style="text-align: center;"> الموجهيين التربويين</h4>-->
            <!--        </div>-->
            <!--    </div>-->
            <!--    </a>-->
            <!--</div>-->
            <!--@endcan-->
                    @can('accepting_and_regstration_section')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('studentadmission') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5" ><i class="far fa-edit"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> التسجيل والقبول</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan
                    @can('website_controll')
                    <div class="col-lg-3 col-sm-6">
                         <a href="{{ route('websitecontroller') }}">
                        <div class="card ">
                            <div class="card-body">

                                <span class="float-right display-2 opacity-5"><i class="fas fa-user-cog"></i></span>
                                <h4 class="text-white" style="text-align: center;"> التحكم الكامل بالموقع </h4>
                            </div>
                        </div>
                        </a>
                    </div>
                @endcan
                @can('classes_section')
                <div class="col-lg-3 col-sm-6">
                    <a href="{{ route('classes') }}">
                        <div class="card ">
                            <div class="card-body">
                                <span class="float-right display-2 opacity-5"><i class="far fa-building"></i></span>
                                <h4 class="text-white" style="text-align: center;"> الصفوف</h4>

                            </div>
                        </div>
                    </a>
                </div>
            @endcan
               @can('basic_stage')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('basic_stage') }}">
                                <div class="card ">
                                    <div class="card-body">

                                        <span class="float-right display-2 opacity-5"><i class="fas fa-book-open"></i></span>
                                        <h4 class="text-white" style="text-align: center;">   المراحل </h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endcan
            @can('teachers')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('teachers') }}">
                                <div class="card ">
                                    <div class="card-body">

                                        <span class="float-right display-2 opacity-5"><i class="	fas fa-chalkboard-teacher	"></i></span>
                                        <h4 class="text-white" style="text-align: center;"> المدرسين</h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                     @endcan
                     @can('message_student')
                     <div class="col-lg-3 col-sm-6">
                         <a href="{{ route('student_contact') }}">
                             <div class="card ">
                                 <div class="card-body">
                                     <span class="float-right display-2 opacity-5"><i class="fas fa-user-graduate"></i></span>
                                     <h4 class="text-white" style="text-align: center;">  التواصل مع  الطلاب  </h4>
                                 </div>
                             </div>
                         </a>
                     </div>
                 @endcan
                 @can('backup')
                 <div class="col-lg-3 col-sm-6">
                     <a href="{{ route('backups') }}">
                     <div class="card ">
                         <div class="card-body">

                             <span class="float-right display-2 opacity-5"><i class="fas fa-archive"></i></span>
                             <h4 class="text-white" style="text-align: center;"> النسخ الاحتياطي</h4>
                         </div>
                     </div>
                     </a>
                 </div>
             @endcan
              @can('archives')
             <div class="col-lg-3 col-sm-6">
                 <a href="{{ route('archives') }}">
                 <div class="card ">
                     <div class="card-body">

                         <span class="float-right display-2 opacity-5"><i class="fas fa-archive"></i></span>
                         <h4 class="text-white" style="text-align: center;">  قسم   الارشفة  </h4>
                     </div>
                 </div>
                 </a>
             </div>
         @endcan
             @can('term_section')
             <div class="col-lg-3 col-sm-6">
                   <a href="{{ route('terms') }}">
                    <div class="card ">
                        <div class="card-body">

                            <span class="float-right display-2 opacity-5"><i class="fas fa-book-open"></i></span>
                            <h4 class="text-white" style="text-align: center;"> الفصول  الدراسية</h4>
                        </div>
                    </div>
                    </a>
            </div>
        @endcan
        @can('last_year_results')
        <div class="col-lg-3 col-sm-6">
            <a href="{{ route('classes.graduation') }}">
                <div class="card ">
                    <div class="card-body">

                        <span class="float-right display-2 opacity-5"><i class="fas fa-book-open"></i></span>
                        <h4 class="text-white" style="text-align: center;"> توليد الجلاءات</h4>
                    </div>
                </div>
            </a>
        </div>
    @endcan

                    @can('student_payments_section')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('students_financial') }}">
                            <div class="card ">
                                <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fa fa-money"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> متابعة الأقساط المالية</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                     @endcan
                          @can('ministerial_and_financial_ratios')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('ministerial_and_financial_ratios') }}">
                            <div class="card ">
                                <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fa fa-money"></i></span>
                                    <h4 class="text-white" style="text-align: center;">   نسب  وزارة التربية  والمالية </h4>
                                </div>
                            </div>
                            </a>
                        </div>
                     @endcan
                     @can('all_ratios_details')
                     <div class="col-lg-3 col-sm-6">
                         <a href="{{ route('all_ratios_details') }}">
                         <div class="card ">
                             <div class="card-body">
                                 <span class="float-right display-2 opacity-5"><i class="fa fa-money"></i></span>
                                 <h4 class="text-white" style="text-align: center;">    مدفوعات      </h4>
                             </div>
                         </div>
                         </a>
                     </div>
                  @endcan

                 @can('countries_currencies')
                     <div class="col-lg-3 col-sm-6">
                         <a href="{{ route('countries_currencies') }}">
                         <div class="card ">
                             <div class="card-body">
                                 <span class="float-right display-2 opacity-5"><i class="fa fa-money"></i></span>
                                 <h4 class="text-white" style="text-align: center;">الدول والعملات</h4>
                             </div>
                         </div>
                         </a>
                     </div>
                       @endcan
                       @can('coordinators')
                     <div class="col-lg-3 col-sm-6">
                        <a href="{{ route('coordinators') }}">
                        <div class="card ">
                              <div class="card-body">
                              <span class="float-right display-2 opacity-5"><i class="fas fa-user"></i></span>
                              <h4 class="text-white" style="text-align: center;"> المشرفين المدرسيين </h4>
                              </div>
                        </div>
                        </a>
                    </div>
                       @endcan
 
                        @can('archived_students')

               <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('archived_students') }}">
                                <div class="card">
                                    <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fas fa-user-alt"></i></span>
                                    <h4 class="text-white" style="text-align: center;">قسم ترقين قيد    </h4>
                                    </div>
                                </div>
                            </a>
                        </div>

                        @endcan

                       @can('block_restore_student')

               <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('blocked_students') }}">
                                <div class="card">
                                    <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fas fa-user-alt"></i></span>
                                    <h4 class="text-white" style="text-align: center;">قسم المحظورين    </h4>
                                    </div>
                                </div>
                            </a>
                        </div>

                       @endcan

                    {{-- @can('coordinators')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('coordinators') }}">
                                <div class="card ">
                                    <div class="card-body">

                                        <span class="float-right display-2 opacity-5"><i class="	fas fa-pen-alt"></i></span>
                                        <h4 class="text-white" style="text-align: center;"> المنسقين</h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endcan --}}
                    {{-- @can('supervisors')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('acadsupervisors') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5"><i class="	far fa-sticky-note"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> المشرفيين الاكادميين</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan --}}
                    @can('work')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('websitejob') }}">
                            <div class="card ">
                                <div class="card-body">
                                    <span class="float-right display-2 opacity-5"><i class="fas fa-user-friends"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> التوظيف</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan

                    @can('curriculum_section')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('lessons2') }}">
                            <div class="card ">
                                <div class="card-body">

                                  <span class="float-right display-2 opacity-5"><i class="fas fa-bars"></i></span>
                                  <h4 class="text-white" style="text-align: center;"> المناهج </h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan



                    @can('curriculum_section')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('electronic_test','0') }}">
                            <div class="card ">
                                <div class="card-body">

                                  <span class="float-right display-2 opacity-5"><i class="fas fa-bars"></i></span>
                                  <h4 class="text-white" style="text-align: center;"> قسم السبر الالكتروني </h4>
                                </div>
                            </div>
                            </a>
                        </div>
                        
                        
                        <div class="col-lg-3 col-sm-6">
                        <a href="{{ route('electronic_test','1') }}">
                        <div class="card ">
                            <div class="card-body">
    
                              <span class="float-right display-2 opacity-5"><i class="fas fa-bars"></i></span>
                              <h4 class="text-white" style="text-align: center;">قسم السبر الالكتروني للكبار</h4>
                            </div>
                        </div>
                        </a>
                    </div>
                        
                        
                    @endcan





                    {{-- <form action="{{route('studentimport')}}" method="post" enctype="multipart/form-data"
                    class="form-horizontal">
                    @csrf
                    <div class="row form-group">
                        <div class="col col-md-3">
                            <label for="select" class=" form-control-label"><span
                                    style="color: red ;">*</span>@lang('site.import_items')</label>
                        </div>
                        <div class="col-12 col-md-4">
                            <input type="file" name="file" class="form-control">
                        </div>
                    </div>
                    <input type="submit" value="submit" class="btn btn-primary" />
                </form> --}}


                    {{-- @can('communication_section')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('chat_admin') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5"><i class="fas fa-phone-volume"></i></span>
                                    <h4 class="text-white" style="text-align: center;"> التواصل</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan --}}


                    @can('accepted_exam_for_new_student')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('studentprobe') }}">
                                <div class="card ">
                                    <div class="card-body">
                                        <span class="float-right display-2 opacity-5"><i class="fas fa-user-friends"></i></span>
                                        <h4 class="text-white" style="text-align: center;">  الطلاب الذين يحتاجون للسبر </h4>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endcan



                  @can('reports_and_statistics')
                <div class="col-lg-3 col-sm-6">
                    <a href="{{ route('reports') }}">
                    <div class="card ">
                        <div class="card-body">

                            <span class="float-right display-2 opacity-5"><i class="	far fa-file-alt"></i></span>
                            <h4 class="text-white" style="text-align: center;"> التقارير </h4>
                        </div>
                    </div>
                    </a>
                </div>
                 @endcan

           @can('secret_keeper')
           <div class="col-lg-3 col-sm-6">
               <a href="{{ route('secret_keeper') }}">
               <div class="card ">
                   <div class="card-body">

                     <span class="float-right display-2 opacity-5"><i class="fas fa-user"></i></span>
                     <h4 class="text-white" style="text-align: center;"> أمين السر الإلكتروني </h4>
                   </div>
               </div>
               </a>
           </div>
       @endcan
        @can('Rewards_and_sanctions')
                     <div class="col-lg-3 col-sm-6">
                           <a href="{{ route('Rewards_and_sanctions') }}">
                            <div class="card ">
                                <div class="card-body">
                 
                                    <span class="float-right display-2 opacity-5"><i class="fa fa-gift"></i></span>
                                    <h4 class="text-white" style="text-align: center;">      المكافآت والعقوبات     </h4>
                                </div>
                            </div>
                            </a>
                    </div>
                 @endcan
        @can('hide_student')
                      
    <!--   <div class="col-lg-3 col-sm-6">-->
    <!--    <a href="{{ route('hide_student_from_supervisor') }}">-->
    <!--    <div class="card ">-->
    <!--        <div class="card-body">-->

    <!--          <span class="float-right display-2 opacity-5"><i class="fas fa-user"></i></span>-->
    <!--          <h4 class="text-white" style="text-align: center;">      الحالات الخاصة للطالب  </h4>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    </a>-->
    <!--</div>-->
                     @endcan
           @can('super_account')
       <div class="col-lg-3 col-sm-6">
           <a href="{{ route('admin_dashboard_supervisor') }}">
           <div class="card ">
               <div class="card-body">

                 <span class="float-right display-2 opacity-5"><i class="fas fa-user"></i></span>
                 <h4 class="text-white" style="text-align: center;">    المشرف الوزاري </h4>
               </div>
           </div>
           </a>
       </div>
   @endcan
                       {{-- @can('editor_follow_up_online_classes')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('certificate_fields') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5"><i class="	fas fa-certificate"></i></span>
                                    <h4 class="text-white" style="text-align: center;">  الشهادات</h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan --}}
                       {{-- @can('editor_follow_up_online_classes')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('app_slider') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5"><i class="	fas fa-picture-o"></i></span>
                                    <h4 class="text-white" style="text-align: center;">  سلايدر التطبيق </h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan --}}

{{--
                       @can('editor_follow_up_online_classes')
                        <div class="col-lg-3 col-sm-6">
                            <a href="{{ route('admin.objections') }}">
                            <div class="card ">
                                <div class="card-body">

                                    <span class="float-right display-2 opacity-5"><i class="	fas fa-hand-stop-o"></i></span>
                                    <h4 class="text-white" style="text-align: center;">   الاعتراضات  </h4>
                                </div>
                            </div>
                            </a>
                        </div>
                    @endcan --}}



                </div>

        </div>

        @endsection
          @section('js')
            <script>
                $('.index-container > div').each(function (key , value) {
                        console.log(key);
                        console.log(value);
                        if(key % 2 == 0 && key % 4 == 0){
                           $(this).find('.card').addClass('gradient-1')
                        }else if ((key-1) % 2 == 0 &&( key-1) % 4 == 0){
                           $(this).find('.card').addClass('gradient-2')
                        }else if (key % 2 == 0 ){
                           $(this).find('.card').addClass('gradient-3')
                        }else if ((key -1) % 2 == 0 ){
                           $(this).find('.card').addClass('gradient-4')
                        }
                 });
            </script>
        @endsection



