@extends('layouts.base')

@section('stylesheets')

@endsection

@section('content')
    <!-- row -->
    <div class="row">
        <div class="col-12">
            <div>
                <h4 class="header-title mb-3">Dashboard</h4>
            </div>
        </div>
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-md-4">
            <div class="card-box">
{{--                <i class="fa fa-info-circle text-muted float-right inform" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on right"></i>--}}
                <h6 class="mt-0 text-dark">Total Patients</h6>
                <h2 class="text-primary text-center mt-4 mb-4"><span>{{ $patients }}</span></h2>
{{--                <p class="text-muted mb-0">Total income: $22506 <span class="float-right"><i class="fa fa-caret-up text-primary mr-1"></i>10.25%</span></p>--}}
            </div>
        </div>

        <div class="col-md-4">
            <div class="card-box">
{{--                <i class="fa fa-info-circle text-muted float-right inform" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on right"></i>--}}
                <h6 class="mt-0 text-dark">Total Certificates</h6>
                <h2 class="text-pink text-center mt-4 mb-4"><span>{{ $certificates }}</span></h2>
{{--                <p class="mb-0 text-muted">Total sales: 2398 <span class="float-right"><i class="fa fa-caret-down text-danger mr-1"></i>7.85%</span></p>--}}
            </div>
        </div>

        <div class="col-md-4">
            <div class="card-box">
{{--                <i class="fa fa-info-circle text-muted float-right inform" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on right"></i>--}}
                <h6 class="mt-0 text-dark">Total Vaccinations</h6>
                <h2 class="text-success text-center mt-4 mb-4"><span>{{ $vaccinations }}</span></h2>
{{--                <p class="mb-0 text-muted">Total income: $22506 <span class="float-right"><i class="fa fa-caret-up text-primary mr-1"></i>10.25%</span></p>--}}
            </div>
        </div>
    </div>

{{--    <div class="row">--}}
{{--        <div class="col-lg-6">--}}
{{--            <div class="card-box">--}}
{{--                <h5 class="mt-0 font-14">Certificates</h5>--}}
{{--                <div class="text-center">--}}
{{--                    <ul class="list-inline chart-detail-list">--}}
{{--                        <li class="list-inline-item">--}}
{{--                            <p class="font-weight-semibold"><i class="fa fa-circle mr-2 text-primary"></i>Series A</p>--}}
{{--                        </li>--}}
{{--                        <li class="list-inline-item">--}}
{{--                            <p class="font-weight-semibold"><i class="fa fa-circle mr-2 text-muted"></i>Series B</p>--}}
{{--                        </li>--}}
{{--                    </ul>--}}
{{--                </div>--}}
{{--                <div id="dashboard-bar-stacked" class="morris-chart" dir="ltr"  style="height: 300px;"></div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <!-- end col -->--}}

{{--        <div class="col-lg-6">--}}
{{--            <div class="card-box">--}}
{{--                <h5 class="mt-0 font-14">Doses</h5>--}}
{{--                <div class="text-center">--}}
{{--                    <ul class="list-inline chart-detail-list">--}}
{{--                        <li class="list-inline-item">--}}
{{--                            <p class="font-weight-semibold"><i class="fa fa-circle mr-2 text-primary"></i>Mobiles</p>--}}
{{--                        </li>--}}
{{--                        <li class="list-inline-item">--}}
{{--                            <p class="font-weight-semibold"><i class="fa fa-circle mr-2 text-info"></i>Tablets</p>--}}
{{--                        </li>--}}
{{--                    </ul>--}}
{{--                </div>--}}
{{--                <div id="dashboard-line-chart" class="morris-chart" dir="ltr" style="height: 300px;"></div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--        <!-- end col -->--}}
{{--    </div>--}}
{{--    <!-- end row -->--}}
@endsection

@section('scripts')
    <script src="{{ asset('simple-admin/assets/libs/morris-js/morris.min.js') }}"></script>
    <script src="{{ asset('simple-admin/assets/libs/raphael/raphael.min.js') }}"></script>
    <script src="{{ asset('simple-admin/assets/js/pages/dashboard.init.js') }}"></script>
@endsection

@section('page_scripts')

@endsection