@extends('layouts.dashboard')

@section('content')
<div class="row">
  <div class="col-12 col-xl-4 mb-4">
    <div class="card nexa-border-light">
      <div class="card-header nexa-bg-light nexa-border-light">
        <h6 class="font-weight-bold mb-0">Szybkie podsumowanie</h6>
      </div>
      <div class="card-body">
        <ul class="list-unstyled mb-0 nexa-line-height-3_5 todo">
          <li>
            <a href="{{url('dashboard/notification')}}" class="nexa-dark"><i class="fa fa-exclamation-triangle pr-1"></i> Błędy wczytywania filmów</a>
            <span class="float-right nexa-dark">{{$count['notification']}}</span>
          </li>
          <li>
            <a href="{{url('/dashboard/video')}}" class="nexa-dark"><i class="fa fa-file-video-o pr-1"></i> Liczba filmów</a>
            <span class="float-right nexa-dark">{{$count['video']}}</span>
          </li>
          <li>
            <a href="{{url('/dashboard/category')}}" class="nexa-dark"><i class="fa fa-tags pr-1"></i> Liczba kategorii</a>
            <span class="float-right nexa-dark">{{$count['category']}}</span>
          </li>
          <li>
            <a href="{{url('/dashboard/star')}}" class="nexa-dark"><i class="fa fa-star pr-1"></i> Liczba gwiazd</a>
            <span class="float-right nexa-dark">{{$count['star']}}</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-12 col-xl-4 mb-4">
    <div class="card nexa-border-light">
      <div class="card-header nexa-bg-light nexa-border-light">
        <h6 class="font-weight-bold mb-0">Ostatnie powiadomienia</h6>
      </div>
      <div class="card-body">
        <ul class="list-unstyled mb-0 nexa-line-height-3_5 todo">
          <li>
            <a href="#" class="nexa-dark"><i class="fa fa-bell pr-1"></i> 1 Tekst powiadomienia</a>
            <a href="{{url('/dashboard/star')}}" class="float-right nexa-primary">Zobacz</a>
          </li>
          <li>
            <a href="{{url('/dashboard/video')}}" class="nexa-dark"><i class="fa fa-bell pr-1"></i> 2 Tekst powiadomienia</a>
            <a href="{{url('/dashboard/video')}}" class="float-right nexa-primary">Zobacz</a>
          </li>
          <li>
            <a href="{{url('/dashboard/category')}}" class="nexa-dark"><i class="fa fa-bell pr-1"></i> 3 Tekst powiadomienia</a>
            <a href="{{url('/dashboard/category')}}" class="float-right nexa-primary">Zobacz</a>
          </li>
          <li>
            <a href="{{url('/dashboard/star')}}" class="nexa-dark"><i class="fa fa-bell pr-1"></i> 4 Tekst powiadomienia</a>
            <a href="{{url('/dashboard/star')}}" class="float-right nexa-primary">Zobacz</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-12 col-xl-8 mb-4">
    <div class="card nexa-border-light">
      <div class="card-header nexa-bg-light nexa-border-light">
        <h6 class="font-weight-bold mb-0">Ostatnie filmy</h6>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <table class="table mb-0">
            <thead class="nexa-dark font-weight-bold">
              <tr>
                <th scope="col">Id</th>
                <th scope="col">Nazwa filmu</th>
                <th scope="col">Data dodania</th>
                <th scope="col">Godzina dodania</th>
                <th scope="col">Akcja</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($videos as $video)
              <tr>
                <th scope="row">{{$video->id}}</th>
                <td>{{$video->title}}</td>
                <td>{{$video->created_at->format('d.m.Y')}}</td>
                <td>{{$video->created_at->format('H:i:s')}}</td>
                <td><a href="{{url('/dashboard/video/'.$video->id)}}" class="nexa-primary">Zobacz</a></td>
              </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection