@extends('admin.layouts.app')
@section('title', __('Dashboard'))
@section('main-content')
    <!-- Main Content -->
    <div class="main-content">
        <section class="section">
             <div class="card"> 
                <div class="card-body text-center">
                    <h3 class="col-dark-yellow">Welcome to Jairampuri Goshala Admin Panel!</h3>
                    <p>Hello, Admin!</p>
                    <p>You are now logged in to the Jairampuri Goshala Admin Panel, where you can manage and maintain records for our cherished cows.</p> 
                    <p>If you have any inquiries or require assistance, feel free to reach out.</p> 
                    <p>Happy managing!</p>
                </div>
            </div>
            <div class="row ">
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="align-items-center justify-content-between">
                                <div class="row ">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pr-0 pt-3">
                                        <div class="card-content">
                                            <h5 class="font-15">Total Cows</h5>
                                            <h2 class="mb-3 font-18">{{$cowCount}}</h2>
                                            <!--<p class="mb-0"><span class="col-green">10%</span> Increase</p>-->
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pl-0">
                                        <div class="banner-img">
                                            <img src="assets/img/banner/1.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="align-items-center justify-content-between">
                                <div class="row ">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pr-0 pt-3">
                                        <div class="card-content">
                                            <h5 class="font-15"> Total Users</h5>
                                            <h2 class="mb-3 font-18">{{$userCount}}</h2>
                                            <!--<p class="mb-0"><span class="col-orange">09%</span> Decrease</p>-->
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pl-0">
                                        <div class="banner-img">
                                            <img src="assets/img/banner/2.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="card">
                        <div class="card-statistic-4">
                            <div class="align-items-center justify-content-between">
                                <div class="row ">
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pr-0 pt-3">
                                        <div class="card-content">
                                            <h5 class="font-15">Total Events</h5>
                                            <h2 class="mb-3 font-18">{{$eventCount}}</h2>
                                            <!--<p class="mb-0"><span class="col-green">18%</span>-->
                                            <!--    Increase</p>-->
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pl-0">
                                        <div class="banner-img">
                                            <img src="assets/img/banner/3.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="col-xl-3 col-lg-6 col-md-6 col-sm-6 col-xs-12">-->
                <!--    <div class="card">-->
                <!--        <div class="card-statistic-4">-->
                <!--            <div class="align-items-center justify-content-between">-->
                <!--                <div class="row ">-->
                <!--                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pr-0 pt-3">-->
                <!--                        <div class="card-content">-->
                <!--                            <h5 class="font-15">Revenue</h5>-->
                <!--                            <h2 class="mb-3 font-18">$48,697</h2>-->
                <!--                            <p class="mb-0"><span class="col-green">42%</span> Increase</p>-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 pl-0">-->
                <!--                        <div class="banner-img">-->
                <!--                            <img src="assets/img/banner/4.png" alt="">-->
                <!--                        </div>-->
                <!--                    </div>-->
                <!--                </div>-->
                <!--            </div>-->
                <!--        </div>-->
                <!--    </div>-->
                <!--</div>-->
            </div>

        </section>
    </div>
@endsection