@extends('admin.dashboard')

@section('title','Dashboard - admin')

@section('content')
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-flex align-items-center justify-content-between">
            <h4 class="mb-0 font-size-18">Dashboard</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="javascript: void(0);">{{request()->get('system_name')}}</a></li>
                    <li class="breadcrumb-item active">Dashboard</li>
                </ol>
            </div>

        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-success float-right">Doctors</span>
                    <h5 class="card-title mb-0"> Total of</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h3 class="mb-0 text-center"> {{$doctors}} </h3>
                    </div>
                </div>
            </div>
        </div>
    </div>  
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-danger float-right">Live</span>
                    <h5 class="card-title mb-0"> Doctors</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$live_doctors}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 

	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-success float-right">Doctor</span>
                    <h5 class="card-title mb-0">Categories </h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$doc_cats}}  </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 	
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-success float-right">Doctor</span>
                    <h5 class="card-title mb-0">Online registerd</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$self_doctors}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 	
   
</div>

<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-primary float-right">Hospital</span>
                    <h5 class="card-title mb-0">Record Number</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$hospitals}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>  
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-primary float-right">Hospital</span>
                    <h5 class="card-title mb-0">Categories</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$hos_cats}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 	
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-warning float-right">Ambulance</span>
                    <h5 class="card-title mb-0"> Providers</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$ambulance}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 	
   
</div>

<div class="row">
    <div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-danger float-right">Blood donors</span>
                    <h5 class="card-title mb-0"> Total Number</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$donors}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>  
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-danger float-right">Blood donors</span>
                    <h5 class="card-title mb-0"> Self registerd</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$self_donors}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-secondary float-right">Volunteers</span>
                    <h5 class="card-title mb-0">Active</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$volunteers}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 	
	
	<div class="col-md-3 col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="mb-4">
                    <span class="badge badge-soft-secondary float-right"> Volunteers</span>
                    <h5 class="card-title mb-0">New Request</h5>
                </div>
                <div class="row d-flex align-items-center">
                    <div class="col-12">
                        <h2 class="mb-0 text-center"> {{$volunteer_new}} </h2>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>
						
@endsection