@extends("admin.layout.master_layout")
@section("title")
    الرئيسية
@endsection

@section('css')
<style> 
    .m-widget24 .m-widget24__item .m-widget24__title {
        margin-right: 0;
    }
    .m-widget24 .m-widget24__item .m-widget24__stats {
        margin-left:0;
    }
</style>
@endsection

@section("page-content")


    <!-- begin::Body -->
    <div class="m-grid__item m-grid__item--fluid  m-grid m-grid--ver-desktop m-grid--desktop m-page__container m-body">


        <div class="m-grid__item m-grid__item--fluid m-wrapper">

            <!-- BEGIN: Subheader -->
            <div class="m-subheader ">
                <div class="d-flex align-items-center">
                    <div class="mr-auto">
                        <h3 class="m-subheader__title m-subheader__title--separator">   الرئيسية  ~  الاحصائيات</h3>

                    </div>
                </div>
            </div>

            <div class="m-content">
              @can('statistics')
                <div class="m-portlet__body row" style="justify-content: center;">
                    {{-- <div class="">  --}}

                      
                     <div class="col-md-2 col-lg-6 col-xl-2" 
                     style="background-color: #FFF4DE !important;
                            margin-bottom: 30px;
                           border-radius: 0.675rem;    margin-left: 25px;
                  
                  "> 
                       <div class="m-widget24"
                        style="padding: 2rem 2.25rem;
                            margin-bottom: 0.75rem !important;
                            margin-top: 0.75rem !important;
                  ">
                         <div class="m-widget24__item">
                           <h4 class="m-widget24__title" 
                           style="color: #FFA800 !important;
                               font-size: 1.175rem !important;
                  ">
                  عدد الجامعات
                  </h4>
                           <br>
                           <span class="m-widget24__stats m--font-brand" 
                           style="color: #3F4254 !important;
                               font-size: 1.75rem !important;
                  ">
                  {{$no_post1}}
                  </span>
                         </div>
                       </div>
                    </div>
                  {{-- ********************************** --}}
                 
                     <div class="col-md-2 col-lg-6 col-xl-2" 
                     style="background-color: #FFE2E5 !important;
                            margin-bottom: 30px;
                           border-radius: 0.675rem;    margin-left: 25px;
                  
                  ">
                       <div class="m-widget24"
                        style="padding: 2rem 2.25rem;
                            margin-bottom: 0.75rem !important;
                            margin-top: 0.75rem !important;
                  ">
                         <div class="m-widget24__item">
                           <h4 class="m-widget24__title" 
                           style="color: #F64E60 !important;
                               font-size: 1.175rem !important;
                  ">
                  عدد  المدربين
                  </h4>
                           <br>
                           <span class="m-widget24__stats m--font-brand" 
                           style="color: #3F4254 !important;
                               font-size: 1.75rem !important;
                  ">
                 {{$no_slider}}
                           </span>
                         </div>
                       </div>
                    </div>

               
                  <div class="col-md-2 col-lg-6 col-xl-2" 
                  style="background-color: #C9F7F5 !important;
                         margin-bottom: 30px;
                        border-radius: 0.675rem;    margin-left: 25px;
            
            ">
                    <div class="m-widget24"
                     style="padding: 2rem 2.25rem;
                         margin-bottom: 0.75rem !important;
                         margin-top: 0.75rem !important;
            ">
                      <div class="m-widget24__item">
                        <h4 class="m-widget24__title" 
                        style="color: #1BC5BD !important;
                            font-size: 1.175rem !important;
            ">
             عدد  الدورات
             </h4>
                        <br>
                        <span class="m-widget24__stats m--font-brand" 
                        style="color: #3F4254 !important;
                            font-size: 1.75rem !important;
            "> 
                                            {{$institution}}

                        </span>
                      </div>
                    </div>
                 </div>

                 <div class="col-md-2 col-lg-6 col-xl-2" 
                     style="background-color: #FFE2E5 !important;
                            margin-bottom: 30px;
                           border-radius: 0.675rem;    margin-left: 25px;
                  
                  ">
                       <div class="m-widget24"
                        style="padding: 2rem 2.25rem;
                            margin-bottom: 0.75rem !important;
                            margin-top: 0.75rem !important;
                  ">
                         <div class="m-widget24__item">
                           <h4 class="m-widget24__title" 
                           style="color: #F64E60 !important;
                               font-size: 1.175rem !important;
                  ">
                  عدد  الطلاب
                  </h4>
                           <br>
                           <span class="m-widget24__stats m--font-brand" 
                           style="color: #3F4254 !important;
                               font-size: 1.75rem !important;
                  ">
                 {{$no_slider}}
                           </span>
                         </div>
                       </div>
                    </div>
                  
                    {{-- </div> --}}
                

                    {{-- <hr/> --}}
                </div>
                @endcan









            </div>
        </div>




    </div>
@endsection