@extends('Admin.components.layout')
@section('title')
    Dashboard
@endsection
@section('subtitle')
    Dashboard
@endsection
@section('content')
@section('css')
    <style>
        body {
            margin-top: 20px;
            background: #FAFAFA;
        }

        .order-card {
            color: #fff;
        }

        .bg-blue {
            background: linear-gradient(45deg, #4099ff, #73b4ff);
        }

        .card {
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
            box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16);
            border: none;
            margin-bottom: 30px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .card .card-block {
            padding: 25px;
        }

        .order-card i {
            font-size: 26px;
        }

        .f-left {
            float: left;
        }

        .f-right {
            float: right;
        }
    </style>
@endsection

<div class="container-fluid py-2 px-5">
         <div class="row">
            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "  href="{{route('admin.user.list')}}">
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$userCount}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Patient</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                href="{{route('admin.list.hospital')}}"
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$hospitalCount}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Admin</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                href="{{route('admin.commissioner.list')}}"
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$gpCount}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Commissioner</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                href="{{ route('admin.nurse.list') }}"
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$NurseCount}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Nurse</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                {{-- href="{{route('admin.user.list')}}" --}}
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$PowerLayerCount}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Power Layer</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                {{-- href="{{route('admin.user.list')}}" --}}
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$temDel}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Temporary Deleted User</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "
                {{-- href="{{route('admin.user.list')}}" --}}
                >
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$perDel}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Permanent Deleted User</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "  href="{{route('admin.surgery.group.list')}}">
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$SurgeryGroup}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Surgery Goup</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

            <div class="col-md-4 col-xl-3">
                <a class="card bg-blue order-card rounded-3 "  href="{{route('admin.surgery.list')}}">
                    <div class="card-body p-4">
                        <h2 class="float-start"><span>{{$surgery}}</span></h2>
                        <h2 class="text-end"><i class="bi bi-bag-plus fs-1"></i></h2>
                        <h4>Surgery</h4>
                        <p class="text-center mt-3 mb-0 ">More info<i class="bi bi-arrow-right-circle-fill fs-5 m-1 mx-3"></i></p>
                    </div>
                </a>
            </div>

        </div>
    </div>

@endsection