@extends('admin.layout.master') <!-- Extend the layout -->

@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row">
                <div class="col-12 col-xl-8 mb-4 mb-xl-0">
                    <h3 class="font-weight-bold">Welcome {{ Auth::user()->name }}</h3>
                    <h6 class="font-weight-normal mb-0">All systems are running smoothly!</h6>
                </div>

            </div>
        </div>
    </div>
    <div class="row">

        <div class="col-md-12 grid-margin transparent">
            <div class="row">
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-tale">
                        <div class="card-body">
                            <p class="mb-4">Total Users</p>
                            <p class="fs-30 mb-2">{{ $user }}</p>
                           
                        </div>
                    </div>
                </div>
                <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-dark-blue">
                        <div class="card-body">
                            <p class="mb-4">Total Artists</p>
                            <p class="fs-30 mb-2">{{ $artists }}</p>
                         
                        </div>
                    </div>
                </div>
				 <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-light-blue">
                        <div class="card-body">
                            <p class="mb-4">Total Saloons</p>
                            <p class="fs-30 mb-2">{{ $saloons }}</p>
                          
                        </div>
                    </div>
                </div>
				 <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-dark-blue">
                        <div class="card-body">
                            <p class="mb-4">New Request</p>
                            <p class="fs-30 mb-2">{{$requests}}</p>
                        </div>
                    </div>
                </div>
				
				 <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-dark-blue">
                        <div class="card-body">
                            <p class="mb-3">Booking</p>
						   <p class="fs-30 mb-2">{{$bookings}}</p>	
					<div class="d-flex flex-wrap mt-3">
                    {{--  <div class="w-50 ">  --}}
                      
					  {{--  <p>Reschedule</p>
                      <h3 class=" font-weight-medium">100</h3>  --}}
                    {{--  </div>  --}}
                    {{--  <div class="w-50 ">
                      <p>Cancel </p>
                      <h3 class=" font-weight-medium">14</h3>
                    </div>  --}}
                   
                  </div>
                         
                        </div>
                    </div>
                </div>
				
				{{--  <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-light-blue">
                        <div class="card-body">
                            <p class="mb-3">Earning</p>
						   <p class="fs-30 mb-2">30</p>	
					<div class="d-flex flex-wrap mt-3">
                    <div class="w-50 ">
                      
					  <p>Paid</p>
                      <h3 class=" font-weight-medium">100</h3>
                    </div>
                    <div class="w-50 ">
                      <p>Unpaid </p>
                      <h3 class=" font-weight-medium">14</h3>
                    </div>
                   
                  </div>
                         
                        </div>
                    </div>
                </div>  --}}
				
					<div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-tale">
                        <div class="card-body">
                            <p class="mb-3">Total Provided Services</p>
						   <p class="fs-30 mb-2">{{$services}}</p>	
					
                         
                        </div>
                    </div>
                </div>
				
				
				{{--  <div class="col-md-3 mb-4 stretch-card transparent">
                    <div class="card card-light-danger">
                        <div class="card-body">
                            <p class="mb-3">Request</p>
						   <p class="fs-30 mb-2">30</p>	
					<div class="d-flex flex-wrap mt-3">
                    <div class="w-50 ">
					  <p>Images</p>
                      <h3 class=" font-weight-medium">100</h3>
                    </div>
					<div class="w-50 ">
					  <p>Videos</p>
                      <h3 class=" font-weight-medium">100</h3>
                    </div>
                    
                   
                  </div>
                         
                        </div>
                    </div>
                </div>  --}}
				
			
				
            </div>
    
        </div>
    </div>
@endsection