@extends('admin.layout')
@section('content')
    <div class="container-fluid">
        <div class="row pt-3">
            <div class="col-auto">
                <h2 class="main_title">Dashboard</h2>
            </div>
        </div>
        <!--  Row 1 -->
        <div class="row pt-3">
            <div class="col-lg-auto col-md-auto col-sm-auto col-12">
                <div class="white_shadow dasboard-3 card-width-md ">
                    <div class="left">
                        <span>Total User Counts</span>
                        <h3 id="total-user"></h3>
                    </div>
                    <div class="right">
                        <span><i class="fa-solid fa-users"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-auto col-md-auto col-sm-auto col-12">
                <div class="white_shadow dasboard-3 card-width-md ">
                    <div class="left">
                        <span>Total Doctor Counts</span>
                        <h3 id="total-doctor"></h3>
                    </div>
                    <div class="right">
                        <span><i class="fa-solid fa-people-group"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-auto col-md-auto col-sm-auto col-12">
                <div class="white_shadow dasboard-3 card-width-md ">
                    <div class="left">
                        <span>Registered Event Count</span>
                        <h3 id="total-occasion"></h3>
                    </div>
                    <div class="right">
                        <span><i class="fa-regular fa-registered"></i></span>
                    </div>
                </div>
            </div>
            <div class="col-lg-auto col-md-auto col-sm-auto col-12">
                <div class="white_shadow dasboard-3 card-width-md ">
                    <div class="left">
                        <span>Video Generated Count</span>
                        <h3 id="total-video"></h3>
                    </div>
                    <div class="right">
                        <span><i class="fa-regular fa-file-video"></i></span>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection
@section('js')
<script>
    $.ajax({
        url: "{{ route('admindashboardcounts') }}",
        method: 'GET',
        success: function(data) {
            $('#total-user').text(data.totalUsers);
            $('#total-doctor').text(data.totalDoctors);
            $('#total-occasion').text(data.registerdOcassion);
            $('#total-video').text(data.occasionGenratedVideo)
        },
        error: function(error) {
            console.log('Error:', error);
        }
    });
</script>
@endsection