@include('admin.admin_common.header')
        
        
<style>
.error{
color:red;
}
#tableidA1_wrapper{
overflow: auto   
}
}
</style>

        <script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.bundle.min.js'></script>
        <!-- BEGIN: Content -->
        <div class="content">
            <div class="grid columns-12 gap-6">
                <div class="g-col-12 g-col-xxl-12">
                    <div class="grid columns-12 gap-6" >
                        
                        <!-- BEGIN: General Report -->
                        <div class="g-col-12 mt-8" >
                            <div class="intro-y d-flex align-items-center h-10">
                                <h2 class="fs-lg fw-medium truncate me-5">
                                    General Report
                                </h2>
                                <!--<a href="#" class="ms-auto d-flex align-items-center text-theme-1 dark-text-theme-10"> <i data-feather="refresh-ccw" class="w-4 h-4 me-3"></i> Reload Data </a>-->
                            </div>
                            <div class="grid columns-12 gap-6 mt-5" >
                                <div class="g-col-12 g-col-sm-6 g-col-xl-3 intro-y">
                                    <div class="report-box zoom-in">
                                        <div class="box p-5">
                                            
                                            <div class="report-box__total fs-3xl fw-medium mt-6">{{ $total_users }}</div>
                                            <div class="fs-base text-gray-600 mt-1">Total Users</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="g-col-12 g-col-sm-6 g-col-xl-3 intro-y">
                                    <div class="report-box zoom-in">
                                        <div class="box p-5">

                                            <div class="report-box__total fs-3xl fw-medium mt-6">{{ $total_district }}</div>
                                            <div class="fs-base text-gray-600 mt-1">Total District</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="g-col-12 g-col-sm-6 g-col-xl-3 intro-y">
                                    <div class="report-box zoom-in">
                                        <div class="box p-5">
                                            
                                            <div class="report-box__total fs-3xl fw-medium mt-6">{{ $total_taluka }}</div>
                                            <div class="fs-base text-gray-600 mt-1">Total Taluka</div>
                                        </div>
                                    </div>
                                </div>
  
                            </div>
                            
                        </div>
                        <!-- END: General Report -->
                        
                        <div class="intro-y g-col-12 mt-8" style="border:solid 1px;">
                            <br/>
                            <h2 class="fs-lg fw-medium truncate me-5">
                                &emsp; Tabular List View of District Wise Data 
                            </h2>
                            
                            <div class="grid columns-12 gap-6 mt-5" >
                                <div class="g-col-12 g-col-sm-6 g-col-xl-3 intro-y">
                                    <div class="preview p-3">                                    
                                        <div class="mt-3">        
                                            <label for="input-state-1" class="form-label">महिना निवडा<span class="error">*</span></label>
                                            <div style="border:solid 1px;