@extends('layouts.app', ['activePage' => 'dashboard', 'titlePage' => "الرئيسية"])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="material-icons">drag_indicator</i>
              </div>
              <p class="card-category">التصنيفات</p>
              <h3 class="card-title">{{$result['categories']}}
               </h3>
            </div>
            <div class="card-footer">
              <div class="stats">
                 <a  href="{{ route('categories.listingCategories') }}" href="#pablo">عرض</a>
              </div>
            </div>
          </div>
        </div>
         <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="fa fa-list"></i>
              </div>
              <p class="card-category">الأخبار</p>
              <h3 class="card-title">{{$result['news']}}
            
              </h3>
            </div>
            <div class="card-footer">
              <div class="stats">
                <!--<i class="material-icons text-danger">warning</i>-->
                <a href="{{ route('news.listingNews') }}">عرض</a>
              </div>
            </div>
          </div>
        </div>
  
                <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="material-icons">filter_tilt_shift</i>
              </div>
              <p class="card-category">الحالات</p>
              <h3 class="card-title">{{$result['stories']}}
               </h3>
            </div>
            <div class="card-footer">
              <div class="stats">
                <!--<i class="material-icons text-danger">warning</i>-->
                <a   href="{{ route('stories.listingStories') }}" >عرض</a>
              </div>
            </div>
          </div>
        </div>
                      <div class="col-lg-3 col-md-6 col-sm-6">
          <div class="card card-stats">
            <div class="card-header card-header-warning card-header-icon">
              <div class="card-icon">
                <i class="material-icons">notifications_active</i>
              </div>
              <p class="card-category">الإشعارات</p>
              <h3 class="card-title">{{$result['notifications']}}
               </h3>
            </div>
            <div class="card-footer">
              <div class="stats">
                <!--<i class="material-icons text-danger">warning</i>-->
                <a  href="{{ route('notifications.listingNotifications') }}"  >عرض</a>
              </div>
            </div>
          </div>
        </div>
      </div>
         <div closs="row ">
                     <div class="shadow p-3 mb-5 bg-white rounded">
                        <div class="card-header">
                            <div class="row align-items-center">
                               
                                <div class="col-sm-8">
                                    <h3 class="mb-0">اخر الأخبار</h3>

                                </div>


                               
                            </div>
                        </div>
 
                        <div class="table-responsive bg-white ">
                            <table class="table align-items-center table-flush datatable">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col">{{ __('#') }}</th>
                                        <th scope="col">العنوان</th>
                                          <th scope="col">التاريخ</th>
 
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($result['latesNews'] as $key=>$user)
                                        <tr>
                                            <td>{{ $key+1}} </td>
                                            <td>{{ $user->news_title}} </td>
     
                                            <td>
                                               <div class="card" style="width: 20rem;">
  <ul class="list-group list-group-flush">
    <li class="list-group-item">تاريخ الإضافة : {{date('Y-m-d', strtotime($user->news_added_date))}}</li>
    <li class="list-group-item">تاريخ التحديث: {{date('Y-m-d', strtotime($user->news_modified_date))}}</li>
 
  </ul>
</div>
                                            </td>
                        
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                 </div>
      </div>
  </div>
    </div>

@endsection

@push('js')
 
@endpush