@extends('admin.common.layout')
@section('content')
<div class="page-content">

  <div class="page-container">

    <div class="page-title-box">

      <div class="d-flex align-items-sm-center flex-sm-row flex-column gap-2">
        <div class="flex-grow-1">
          <h4 class="font-18 mb-0">Admin Dashboard</h4>
        </div>

        <div class="text-end">
          <ol class="breadcrumb m-0 py-0">
            <li class="breadcrumb-item"><a href="javascript: void(0);">MSL</a></li>

            <li class="breadcrumb-item"><a href="javascript: void(0);">Navigation</a></li>

            <li class="breadcrumb-item active">Dashboard</li>
          </ol>
        </div>
      </div>
    </div>

    <div class="row card p-3">
      <h4>Welcome {{Auth::user()->name}}</h4>
    </div>
    <div class="row">
      <div class="col-md-6 col-xl-3">
        <div class="card tilebox-one">
          <div class="card-body">
            <i class="icon-user float-end m-0 h2 text-muted"></i>
            <h6 class="text-muted text-uppercase mt-0">Users</h6>
            <h3 class="my-3" data-plugin="counterup">{{\App\Models\User::where('role','client')->count()}}</h3>
          </div>
        </div>
      </div>
    </div>


  </div> <!-- container -->

  <!-- Footer Start -->
  <footer class="footer">
    <div class="page-container">
      <div class="row">
        <div class="col-md-12 text-center">
          <script>
            document.write(new Date().getFullYear())
          </script> © MSL - By <span class="fw-semibold text-decoration-underline text-primary">Acceron</span>
        </div>
      </div>
    </div>
  </footer>
  <!-- end Footer -->

</div>
@endsection