@extends('frontend.layouts.app')

@section('content')
<div class="row mt-4 mb-1 justify-content-center">
                <div class="col-12 col-md-8 col-lg-6">
				<div class="card shadow-sm mb-4 mt-3">
                        <div class="card-body p-2">
                            <div class="row">
                                <div class="col-auto">
                                    <div class="avatar avatar-50 p-1 shadow-sm shadow-default rounded-15 bg-theme text-white">
                                        <div class="icons">
                                            <i class="bi bi-person-circle"></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col align-self-center ps-0">
                                    <p class="mb-0">Welcome {{Auth::user()->name}}</p>
                                    <p class="size-16 text-secondary mb-0">{{Auth::user()->type}} - {{Auth::user()->email}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-auto">
                                    <div class="avatar avatar-50 bg-warning text-white shadow-sm rounded-15">
                                        <i class="bi bi-people"></i>
                                    </div>
                                </div>
                                <div class="col px-0 align-self-center">
                                    <p class="text-secondary size-12 mb-0">Total Doctors</p>
                                    <p>{{ $doctor ?? 0 }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-auto">
                                    <div class="avatar avatar-50 bg-success text-white shadow-sm rounded-15">
                                        <i class="bi bi-camera-video"></i>
                                    </div>
                                </div>
                                <div class="col px-0 align-self-center">
                                    <p class="text-secondary size-12 mb-0">Doctor Video is Approved</p>
                                    <p>{{ $doctors_video ?? 0 }}</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card shadow-sm mb-4">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-auto">
                                    <div class="avatar avatar-50 bg-danger text-white shadow-sm rounded-15">
                                        <i class="bi bi-camera-video"></i>
                                    </div>
                                </div>
                                <div class="col px-0 align-self-center">
                                    <p class="text-secondary size-12 mb-0">Doctor Video is Rejected</p>
                                    <p>{{ $doctors_video_count ?? 0 }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
					
					<a class="btn btn-outline-dark active text-normalcase w-100" target="_blank" href="{{asset('tutorial.mp4')}}"> <i class="bi bi-camera-video"></i> Tutorial Video</a>


                    
                </div>
            </div>
   
@endsection

@section('footer')
@endsection