@extends('admin.layouts.master')
@section('title', __('Label.Dashboard'))
@section('content')

    <!-- Start: Body-Content -->
    <div class="body-content">
      <!-- mobile title -->
      <h1 class="page-title-sm">@yield('title')</h1>

      <div class="row counter-row">
        <div class="col-6 col-sm-4 col-md col-lg-4 col-xl">
          <div class="db-color-card user-card">
            <img src="{{ asset('assets/imgs/user-brown.png') }}" alt="" class="card-icon" />
            <div class="dropdown dropright">
              <a href="#" class="btn head-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{{ asset('assets/imgs/dot.png') }}" class="dot-icon" />
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="{{ route('user') }}" style="color: #A98471;">{{__('Label.View All')}}</a>
              </div>
            </div>
            <h2 class="counter">
              {{$result['user']}}
              <span>{{__('Label.Users')}}</span>
            </h2>
          </div>
        </div>
        <div class="col-6 col-sm-4 col-md col-lg-4 col-xl">
          <div class="db-color-card cate-card">
            <img src="{{ asset('assets/imgs/categories-purple.png') }}" alt="" class="card-icon" />
            <div class="dropdown dropright">
              <a href="#" class="btn head-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{{ asset('assets/imgs/dot.png') }}" class="dot-icon" />
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="{{ route('category') }}" style="color: #736AA6">{{__('Label.View All')}}</a>
              </div>
            </div>
            <h2 class="counter">
              {{$result['category']}}
              <span>{{__('Label.Category')}}</span>
            </h2>
          </div>
        </div>
        <div class="col-6 col-sm-4 col-md col-lg-4 col-xl">
          <div class="db-color-card artist-card">
            <img src="{{ asset('assets/imgs/LEVEL.png') }}" alt="" class="card-icon" style="color:#6db3c6;" />
            <div class="dropdown dropright">
              <a href="#" class="btn head-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{{ asset('assets/imgs/dot.png') }}" class="dot-icon" />
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="{{ route('level') }}" style="color: #6DB3C6">{{__('Label.View All')}}</a>
              </div>
            </div>
            <h2 class="counter">
              {{$result['level']}}
              <span>{{__('Label.Level')}}</span>
            </h2>
          </div>
        </div>
        <div class="col-6 col-sm-4 col-md col-lg-4 col-xl">
          <div class="db-color-card package-card">
            <img src="{{ asset('assets/imgs/QUESRTION.png') }}" alt="" class="card-icon" />
            <div class="dropdown dropright">
              <a href="#" class="btn head-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <img src="{{ asset('assets/imgs/dot.png') }}" class="dot-icon" />
              </a>
              <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a class="dropdown-item" href="{{ route('question') }}" style="color: #C0698B">{{__('Label.View All')}}</a>
              </div>
            </div>
            <h2 class="counter">
              {{$result['question']}}
              <span>{{__('Label.Question')}}</span>
            </h2>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-xl-8">
          <div class="box-title">
            <h2 class="title">{{__('Label.Recent Added Users')}}</h2>
            <a href="{{ route('user') }}" class="btn btn-link">{{__('Label.View All')}}</a>
          </div>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>
                    {{__('Label.Full Name')}}
                  </th>
                  <th>
                    {{__('Label.Email')}}
                  </th>
                  <th>
                    {{__('Label.Number')}}
                  </th>
                  <th>
                    {{__('Label.Type')}}
                  </th>
                  <th>
                    {{__('Label.Created Date')}}
                  </th>
                </tr>
              </thead>
              <tbody>
                @foreach ($user_data as $value)
                <tr>
                  <td>
                    <span class="avatar-control">