@extends('layouts.admin')
@section('content')

<!-- <div class="p-4 sm:ml-64">
   <div class="p-4 border-2 border-gray-200 border-dashed rounded-lg mt-14">
     -->
@include('partials._search')
   <div class="grid grid-cols-3 gap-4 mb-4">
         <div class="flex items-center justify-center flex-col h-24 rounded bg-gray-50 dark:bg-gray-800">
            <p class="text-4xl font-semibold text-gray-600">
                {{$viewData['appointmentsCount']}}
             </p>
            <p class=" text-gray-400 ">
                Appointments
            </p>
         </div>
         <div class="flex items-center justify-center flex-col h-24 rounded bg-gray-50 ">
         <p class="text-4xl font-semibold text-gray-600">
                {{$viewData['usersCount']}}
             </p>
            <p class=" text-gray-400 ">
               Users
            </p>
         </div>
         <div class="flex items-center justify-center flex-col h-24 rounded bg-gray-50 ">
         <p class="text-4xl font-semibold text-gray-600">
                {{$viewData['messagesCount']}}
             </p>
            <p class=" text-gray-400 ">
                Messages
            </p>
         </div>
      </div>


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




@endsection