@extends('backend.layouts.master')

@section('content')

    <div class="page-wrapper">

        <div class="content">



            <div class="page-header">

                <div class="row">

                    <div class="col-sm-12">

                        <ul class="breadcrumb">

                            <li class="breadcrumb-item"><a href="index.html">Dashboard </a></li>

                            <li class="breadcrumb-item"><i class="feather-chevron-right"></i></li>

                            <li class="breadcrumb-item active">Vounteer Dashboard</li>

                        </ul>

                    </div>

                </div>

            </div>



            <div class="good-morning-blk">

                <div class="row">

                    <div class="col-md-6">

                        <div class="morning-user">

                            <h2>Hello Volunteer!, <span>{{auth()->user()->fname}} {{auth()->user()->lname}}</span></h2>

                            <p>Have a nice day at work</p>

                        </div>

                    </div>

                    <div class="col-md-6 position-blk">

                        <div class="morning-img">

                            <img src="{{asset('backend/assets/img/morning-img-02.png')}}" alt="">

                        </div>

                    </div>

                </div>

            </div>

            <div class="doctor-list-blk">

                <div class="row">

                    <div class="col-xl-3 col-md-6">

                        <div class="doctor-widget border-right-bg">

                            <div class="doctor-box-icon flex-shrink-0">

                                <img src="{{asset('backend/assets/img/icons/doctor-dash-01.svg')}}" alt="">

                            </div>

                            <div class="doctor-content dash-count flex-grow-1">

                                <h4><span class="counter-up">{{auth()->user()->where('role_id',3)->count()}}</span><span>/100</span><span class="status-green">+60%</span>

                                </h4>

                                <h5>Total Doctors</h5>

                            </div>

                        </div>

                    </div>

                    <div class="col-xl-3 col-md-6">

                        <div class="doctor-widget border-right-bg">

                            <div class="doctor-box-icon flex-shrink-0">

                                <img src="{{asset('backend/assets/img/icons/doctor-dash-02.svg')}}" alt="">

                            </div>

                            <div class="doctor-content dash-count flex-grow-1">

                                <h4><span class="counter-up">{{auth()->user()->where('role_id',2)->count()}}</span><span>/125</span><span class="status-green">+20%</span>

                                </h4>

                                <h5>Total Patient</h5>

                            </div>

                        </div>

                    </div>

                    <div class="col-xl-3 col-md-6">

                        <div class="doctor-widget border-right-bg">

                            <div class="doctor-box-icon flex-shrink-0">

                                <img src="{{asset('backend/assets/img/icons/doctor-dash-03.svg')}}" alt="">

                            </div>

                            <div class="doctor-content dash-count flex-grow-1">

                                <h4><span class="counter-up">{{auth()->user()->where('role_id',4)->count()}}</span><span>/30</span><span class="status-green">+40%</span>

                                </h4>

                                <h5>Total Volunteer</h5>

                            </div>

                        </div>

                    </div>
 

                </div>




            </div>

            
            

    </div>

@endsection