@extends("admin.layouts.layout")

@php
    $pageTitle = "首页";
@endphp

@push("header")
    <style>
        .toll-free-box i {
            transform: none !important;
            left: 1rem;
            bottom: .4rem;
        }
    </style>
@endpush

@section("content")
    <div class="row">
        <div class="col-lg-3">
            <div class="card text-white bg-info overflow-hidden">
                <div class="card-body p-2">
                    <div class="toll-free-box">
                        <h4 class="text-right pr-2">
                            <i class="mdi mdi-bed-empty"></i>
                            <div class="font-12 font-weight-normal pb-1">本月护理人天数/订单数</div>
                            {{ $order_items_count }} / {{ $orders_count }}
                        </h4>
                    </div>
                </div> <!-- end card-body-->
            </div>
        </div> <!-- end col-->

        <div class="col-lg-3">
            <div class="card text-white bg-warning overflow-hidden">
                <div class="card-body p-2">
                    <div class="toll-free-box">
                        <h4 class="text-right pr-2">
                            <i class="mdi mdi-currency-cny"></i>
                            <div class="font-12 font-weight-normal pb-1">本月应扣款</div>
                            {{ $total }}
                        </h4>
                    </div>
                </div> <!-- end card-body-->
            </div>
        </div> <!-- end col-->

        <div class="col-lg-3">
            <div class="card text-white bg-primary overflow-hidden">
                <div class="card-body p-2">
                    <div class="toll-free-box">
                        <h4 class="text-right pr-2">
                            <i class="mdi mdi-account-group"></i>
                            <div class="font-12 font-weight-normal pb-1">本月应发护工酬劳</div>
                            {{ $total_paramedic }}
                        </h4>
                    </div>
                </div> <!-- end card-body-->
            </div>
        </div> <!-- end col-->

        <div class="col-lg-3">
            <div class="card text-white bg-success overflow-hidden">
                <div class="card-body p-2">
                    <div class="toll-free-box">
                        <h4 class="text-right pr-2">
                            <i class="mdi mdi-pocket"></i>
                            <div class="font-12 font-weight-normal pb-1">本月管理费</div>
                            {{ $fee }}
                        </h4>
                    </div>
                </div> <!-- end card-body-->
            </div>
        </div> <!-- end col-->
    </div>
@endsection