@extends('admin.layout.app',['page_title' => 'Admin | Dashboard'])
@push('style')
    <style>
        .card {
            height: 100%;
        }

        .custom-row {
            margin-bottom: 20px;
        }
    </style>
    @endpush
@section('admin-content')

  <div class="row">

    <!-- user box -->
    <div class="col-xl-3 col-lg-4 custom-row">
      <a href="{{ route('admin.user.index') }}">
        <div class="card mini-stats-wid">
          <div class="card-body">
            <div class="d-flex ">
              <div class="">
                <p class="text-muted mb-2">Total User</p>
                <h5 class="mb-0">{{ $count['user'] }}</h5>
              </div>
              <div class="avatar-sm ms-auto">
                <div class="avatar-title bg-light rounded-circle text-primary font-size-20">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 20c0-1.742-1.67-3.223-4-3.773M15 20c0-2.21-2.686-4-6-4s-6 1.79-6 4m12-7a4 4 0 0 0 0-8m-6 8a4 4 0 1 1 0-8a4 4 0 0 1 0 8Z"/></svg>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>

    <!-- caption box -->
    <div class="col-xl-3 col-lg-4 custom-row">
      <a href="{{ route('admin.caption.index') }}">
        <div class="card mini-stats-wid">
          <div class="card-body">
            <div class="d-flex ">
              <div class="">
                <p class="text-muted mb-2">Total caption</p>
                <h5 class="mb-0">{{ $count['caption'] }}</h5>
              </div>
              <div class="avatar-sm ms-auto">
                <div class="avatar-title bg-light rounded-circle text-primary font-size-20">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 22q-.825 0-1.413-.588T2 20V10q0-.825.588-1.413T4 8h16q.825 0 1.413.588T22 10v10q0 .825-.588 1.413T20 22H4Zm0-2h16V10H4v10Zm6-1l6-4l-6-4v8ZM4 7V5h16v2H4Zm3-3V2h10v2H7ZM4 20V10v10Z"/></svg>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div> 

    <!-- meme box -->
    <div class="col-xl-3 col-lg-4 custom-row">
      <a href="{{ route('admin.meme.index') }}">
        <div class="card mini-stats-wid">
          <div class="card-body">
            <div class="d-flex ">
              <div class="">
                <p class="text-muted mb-2">Total meme</p>
                <h5 class="mb-0">{{ $count['meme'] }}</h5>
              </div>
              <div class="avatar-sm ms-auto">
                <div class="avatar-title bg-light rounded-circle text-primary font-size-20">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M1.77 8.5A5.91 5.91 0 0 1 .5 4.84V1.58a9.65 9.65 0 0 1 8.87 0"/><path d="M7.79 13.44h0a2.27 2.27 0 0 1-2-.51h0a6.66 6.66 0 0 1-2.11-6.67l.73-2.92a9.88 9.88 0 0 1 9.09 2.28l-.73 2.91a6.67 6.67 0 0 1-4.98 4.91Z"/><path d="M5.61 6.51a1 1 0 0 1 1-.27a1 1 0 0 1 .73.69m2.23.57a1 1 0 0 1 1.7.43"/></g></svg>
                    <path fill="currentColor" d="M22 3v2h3.563l-3.375 3.406A6.962 6.962 0 0 0 18 7c-1.87 0-3.616.74-4.938 2.063a6.94 6.94 0 0 0 .001 9.875c.87.87 1.906 1.495 3.062 1.812c.114-.087.242-.178.344-.28a3.45 3.45 0 0 0 .874-1.532a4.906 4.906 0 0 1-2.875-1.407C13.524 16.588 13 15.336 13 14s.525-2.586 1.47-3.53C15.412 9.523 16.664 9 18 9s2.587.525 3.53 1.47A4.956 4.956 0 0 1 23 14c0 .865-.245 1.67-.656 2.406c.096.516.156 1.058.156 1.594c0 .498-.042.99-.125 1.47c.2-.163.378-.348.563-.532C24.26 17.614 25 15.87 25 14c0-1.53-.504-2.984-1.406-4.188L27 6.438V10h2V3h-7zm-6.125 8.25c-.114.087-.242.178-.344.28c-.432.434-.714.96-.874 1.533c1.09.14 2.085.616 2.875 1.406c.945.943 1.47 2.195 1.47 3.53s-.525 2.586-1.47 3.53C16.588 22.477 15.336 23 14 23s-2.587-.525-3.53-1.47A4.948 4.948 0 0 1 9 18c0-.865.245-1.67.656-2.406A8.789 8.789 0 0 1 9.5 14c0-.498.042-.99.125-1.47c-.2.163-.377.348-.563.533C7.742 14.384 7 16.13 7 18c0 1.53.504 2.984 1.406 4.188L6.72 23.875l-2-2l-1.44 1.406l2 2l-2 2l1.44 1.44l2-2l2 2l1.405-1.44l-2-2l1.688-1.686A6.932 6.932 0 0 0 14 25c1.87 0 3.616-.74 4.938-2.063C20.26 21.616 21 19.87 21 18s-.74-3.614-2.063-4.938c-.87-.87-1.906-1.495-3.062-1.812z"/>
                  </svg>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>
  </div>
@endsection