@extends("admin.layout.master_layout")
@section("title")
    الرئيسية
@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">
                <div class="m-portlet__body row" style="justify-content: center;">

                    <div class="col-md-3 col-lg-6 col-xl-3"
                         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-3 col-lg-6 col-xl-3"
                         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;
                  ">
                                                  {{$no_post}}

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

                    <div class="col-md-3 col-lg-6 col-xl-3"
                         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;
                  ">
                               5
                  </span>
                            </div>
                        </div>
                    </div>
                    {{-- ********************************** --}}

                    <div class="col-md-3 col-lg-6 col-xl-3"
                         style="background-color: #EEE5FF !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: #8950FC   !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;
                  ">
                  {{$libirary_post}}
                </span>
                            </div>
                        </div>
                    </div>






                    {{-- ********************************** --}}
                    <div class="col-md-3 col-lg-6 col-xl-3"
                         style="background-color: #caf7c9  !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: #35c51b !important;
                               font-size: 1.175rem !important;
                               margin-right: 0px !important;
                  ">
                                    روابط التواصل الاجتماعي
                                </h4>
                                <br>
                                <span class="m-widget24__stats m--font-brand"
                                      style="color: #3F4254 !important;
                               font-size: 1.75rem !important;
                  ">
                  {{$no_social}}

                           </span>
                            </div>
                        </div>
                    </div>
                    {{-- ********************************** --}}
                    <div class="col-md-3 col-lg-6 col-xl-3"
                         style="background-color: #d2c9f7 !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: #c51b1b !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_user}}

                        </span>
                            </div>
                        </div>
                    </div>
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                       style="background-color: #f0c9f7 !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: #a31bc5 !important;
                                 font-size: 1.175rem !important;
                                 margin-right: 0px !important;

                    ">
                    عدد استطلاعات الرئي
                       </h4>
                             <br>
                             <span class="m-widget24__stats m--font-brand"
                             style="color: #3F4254 !important;
                                 font-size: 1.75rem !important;
                                 margin-left: 0.8rem !important;

                    ">
                              {{$no_polls}}
                             </span>
                           </div>
                         </div>
                      </div> --}}
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                       style="background-color: #f7c9c9 !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: #c51b1b !important;
                                 font-size: 1.175rem !important;
                                 margin-right: 0px !important;

                    ">
                    {{ __('app.no_clients') }}
                     </h4>
                             <br>
                             <span class="m-widget24__stats m--font-brand"
                             style="color: #3F4254 !important;
                                 font-size: 1.75rem !important;
                    ">
  0                           </span>
                           </div>
                         </div>
                      </div> --}}
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                    style="background-color: #f4f7c9  !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: #abc51b !important;
                              font-size: 1.175rem !important;
                    ">
                    {{ __('app.no_today') }}
                     </h4>
                          <br>
                          <span class="m-widget24__stats m--font-brand"
                          style="color: #3F4254 !important;
                              font-size: 1.75rem !important;
                    ">
  0                        </span>
                        </div>
                      </div>
                    </div> --}}
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                       style="background-color: #c9dbf7 !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: #1b67c5 !important;
                                 font-size: 1.175rem !important;
                    ">
                    {{ __('app.no_new_order') }}
                     </h4>
                             <br>
                             <span class="m-widget24__stats m--font-brand"
                             style="color: #3F4254 !important;
                                 font-size: 1.75rem !important;
                    ">
  0                           </span>
                           </div>
                         </div>
                      </div> --}}
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                    style="background-color: #d2c9f7 !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: #c51b1b !important;
                              font-size: 1.175rem !important;
                    ">
                    {{ __('app.no_order') }}
                    </h4>
                          <br>
                          <span class="m-widget24__stats m--font-brand"
                          style="color: #3F4254 !important;
                              font-size: 1.75rem !important;
                    ">
  0                        </span>
                        </div>
                      </div>
                    </div> --}}
                    {{-- ********************************** --}}
                    {{-- <div class="col-md-3 col-lg-6 col-xl-3"
                       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;
                    ">
                    {{ __('app.no_courses') }}
                     </h4>
                             <br>
                             <span class="m-widget24__stats m--font-brand"
                             style="color: #3F4254 !important;
                                 font-size: 1.75rem !important;
                    ">
  0                  </span>
                           </div>
                         </div>
                      </div> --}}
                    {{-- ********************************** --}}

                    {{-- </div> --}}


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












            </div>
        </div>


    </div>
@endsection