@extends('admin.layouts.master')
@section('title',__('Admin Dashboard'))
@section('breadcum')
<div class="breadcrumbbar">
    <div class="row align-items-center">
        <div class="col-md-8 col-lg-8">
            <h4 class="page-title">{{ __('Home') }}</h4>
            <div class="breadcrumb-list">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('Home') }}</a></li>
                    <li class="breadcrumb-item active">{{ __('Dashboard') }}</li>

                </ol>
            </div>
        </div>

    </div>
</div>
@endsection
@section('maincontent')
<div class="contentbar">
    <!-- Start row -->
    <div class="row">


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

            <!-- Start row -->
            <div class="row">

                <!-- Start col -->
                <div class="col-md-3 col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $student }}</h4>
                                    <p class="font-14 mb-0">Student</p>
                                </div> 
                              <div class="col-6 text-right">
                                <a href="{{route('students.index')}}"><i
                                    class="text-info feather icon-users icondashboard"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $instructor }}</h4>
                                    <p class="font-14 mb-0">{{ __('Instructor') }}</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{ route('allinstructor.index') }}"><i
                                        class="text-warning feather icon-user icondashboard"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $parent }}</h4>
                                    <p class="font-14 mb-0">Parent</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{route('allparent.index')}}"><i
                                        class="text-warning feather icon-user icondashboard"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $admin }}</h4>
                                    <p class="font-14 mb-0">Admin</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{ route('adminuser.index') }}"><i
                                        class="text-warning feather icon-user icondashboard"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $courses }}</h4>
                                    <p class="font-14 mb-0">{{ __('Courses') }}</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{ route('course.index') }}"><i
                                        class="text-success feather icon-book-open icondashboard"></i></a>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $institute }}</h4>
                                    <p class="font-12 mb-0">Institute</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{url('institute')}}"><i
                                        class="text-warning feather icon-aperture icondashboard"></i></a>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-md-3 col-12">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <div class="col-6">
                                    <h4>{{ $categories }}</h4>
                                    <p class="font-12 mb-0">{{ __('Categories') }}</p>
                                </div>
                                <div class="col-6 text-right">
                                    <a href="{{ route('category.index') }}"><i
                                        class="text-warning feather icon-aperture icondashboard"></i></a>
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                

                
            </div>

            <div class="row">

                <div class="col-lg-12 col-xl-3 mt-md-3">
                    <div class="card m-b-30 shadow-sm">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <h5 class="card-title mb-0">{{ __('Top Student') }}</h5>
                                </div>
                            </div>
                        </div>
                        <div class="user-slider">
                            @foreach($topuser as $topusers)
                            <div class="user-slider">
                                <div class="user-slider-item">
                                    <div class="card-body text-center">
                                        <span class="action-icon badge badge-primary-inverse">
                                            @if($topusers['user_img'] != null && $topusers['user_img'] !='' && @file_get_contents('images/user_img/'.$topusers['user_img']))

                                                <img src="{{ url('images/user_img/'.$topusers['user_img'])}}" class="dashboard-imgs" alt="">

                                            @else

                                            <img src="{{ Avatar::create($topusers->fname)->toBase64() }}" class="dashboard-imgs" alt="">
                                             @endif

                                            
                                        </span>
                                        <h5>{{ $topusers->fname }}</h5>
                                        <p>{{ $topusers->email }}</p>
                                        <p><span class="badge badge-primary-inverse">{{ __('Verified') }}:{{ $topusers['verified'] }}</span>
                                        </p>
                                       
                                    </div>
                                    <div class="card-footer text-center">
                                        <div class="row">
                                            <div class="col-12 border-right">
                                                <h4>{{ date('jS F Y', strtotime($topusers->created_at)) }}</h4>
                                                <p class="my-2">{{ __('Created At') }}</p>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xl-3 mt-md-3">
                    <div class="card m-b-30">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <h5 class="card-title mb-0">{{ __('Top Instructors') }}</h5>
                                </div>
                               
                            </div>
                        </div>
                        <div class="user-slider">
                            @foreach($topinstructor as $topinstructors)
                            <div class="user-slider">
                                <div class="user-slider-item">
                                    <div class="card-body text-center">
                                        <span class="action-icon badge badge-primary-inverse">
										<img src="{{ Avatar::create($topinstructors->fname)->toBase64() }}"
                                                class="dashboard-imgs" alt=""></span>
                                        <h5>{{ $topinstructors->fname }}</h5>
                                        <p>{{ $topinstructors->email }}</p>
                                        <p>
										
										
										<span
                                                class="badge badge-primary-inverse">{{ __('Verified') }}:{{ $topinstructors->verified }}</span>
                                        </p>
                                      
                                    </div>
                                    <div class="card-footer text-center">
                                        <div class="row">
                                            <div class="col-12 border-right">
                                                <h4>{{ date('jS F Y', strtotime($topinstructors->created_at)) }}</h4>
                                                <p class="my-2">{{ __('Created At') }}</p>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xl-3 mt-md-3">
                    <div class="card m-b-30">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <h5 class="card-title mb-0">{{ __('Top Courses') }}</h5>
                                </div>
                               
                            </div>
                        </div>
                        <div class="user-slider">
                            @foreach($topcourses as $topcourses)

                            <div class="user-slider">
                                <div class="user-slider-item">
                                    <div class="card-body text-center">
                                        <span class="action-icon badge badge-primary-inverse">
                                            @if($topcourses['preview_image'] !== NULL && $topcourses['preview_image'] !== '')
                                            <img src="{{ asset('images/course/'.$topcourses['preview_image']) }}" class="dashboard-imgs" alt="">
                                            
                                            @else
                                            <img src="{{ Avatar::create($topcourses->title)->toBase64() }}" class="dashboard-imgs" alt="">
                                            @endif

                                        </span>
                                        <h5>{{ str_limit($topcourses->title, $limit = 15, $end = '...') }}</h5>
                                        <p>{{ optional($topcourses->category)->title }}</p>
                                        <p>
                                            @if($topcourses->discount_price == NULL)
                                            <span class="badge badge-primary-inverse">{{ __('Price') }}:{{ $topcourses->price }}</span>
                                            @else
                                            <span class="badge badge-primary-inverse">{{ __('Price') }}:{{ $topcourses->discount_price }}</span>
                                            @endif
                                        </p>
                                       
                                    </div>
                                    <div class="card-footer text-center">
                                        <div class="row">
                                            <div class="col-12 border-right">
                                                <h4>{{ optional($topcourses->user)->fname }}</h4>
                                                <p class="my-2">{{ __('Instructor') }}</p>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            @endforeach

                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-xl-3 mt-md-3">
                    <div class="card m-b-30">
                        <div class="card-header">
                            <div class="row align-items-center">
                                <div class="col-9">
                                    <h5 class="card-title mb-0">{{ __('Top Institute') }}</h5>
                                </div>
                              
                            </div>
                        </div>
                        <div class="user-slider">
                             @foreach($topinstitute as $toporders)
                             <div class="user-slider">
                                <div class="user-slider-item">
                                   <div class="card-body text-center">
                                        <span class="action-icon badge badge-primary-inverse"><img src="{{ Avatar::create($toporders->title)->toBase64() }}"
                                                class="dashboard-imgs" alt=""></span>
                                        <h5>{{ $toporders->title }}</h5>
                                        <p>{{ $toporders->detail }}</p>
                                        <p><span
                                                class="badge badge-primary-inverse">{{ __('Verified') }}:{{ $toporders->verified }}</span>
                                        </p>
                                      
                                    </div>
							   <div class="card-footer text-center">
                                        <div class="row">
                                            <div class="col-12 border-right">
                                               <h4>{{date('jS F Y', strtotime($toporders->created_at))}}</h4>
                                                <p class="my-2">{{ __('Institute') }}</p>
                                            </div>

                                        </div>
                                    </div>
                                    </div>
                                    </div>
                           @endforeach

                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-md-12">
                    <div class="card m-b-30 mt-md-2">
                        <div class="card-header">
                            <h5 class="card-title">{{ __('Monthly Registred Student in 2021') }}</h5>
                        </div>
                        <div class="card-body">
                            <canvas height='180' id="chartjs-bar-chart" class="chartjs-chart"></canvas>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>
</div>



@endsection
@section('scripts')
<script>
    var user = @json($usergraph);
    var course = @json($coursegraph);
    var category = @json($categorygraph);
    var order = @json($ordergraph);
    var refund = @json($refundgraph);
    var coupon = @json($coupongraph);
    var zoom = @json($zoomgraph);
    var bbl = @json($bblgraph);
    var jitsi = @json($jitsigraph);
    var googlemeet = @json($googlemeetgraph);
    var faq = @json($faqgraph);
    var page = @json($pagegraph);
    var blog = @json($bloggraph);
    var testimonial = @json($testimonialgraph);
    var instructor = @json($instructorgraph);
    var instructor = @json($instructorgraph);
    var follower = @json($followergraph);
    var datas = @json($datas);
    var adminchart = @json($admincharts);

    "use strict";
    $(document).ready(function () {
        var barChartID = document.getElementById("chartjs-bar-chart").getContext('2d');
        var barChart = new Chart(barChartID, {




            type: 'bar',



            data: {
                labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov',
                    'Dec'
                ],
                datasets: [{
                    label: 'Monthly Registred Student',
                    backgroundColor: ["#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4",
                        "#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4",
                        "#506fe4", "#506fe4"
                    ],
                    borderColor: ["#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4",
                        "#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4", "#506fe4",
                        "#506fe4", "#506fe4"
                    ],
                    borderWidth: 1,
                    data: datas,

                }]
            },
            options: {


                responsive: true,
                legend: {
                    position: 'top',
                    height: 100
                },
                title: {
                    display: false,
                    text: 'Chart.js Bar Chart'
                },
                scales: {
                    xAxes: [{
                        scaleLabel: {
                            display: true,
                            labelString: 'Month'
                        },
                        gridLines: {
                            color: 'rgba(0,0,0,0.05)',
                            lineWidth: 1,
                            borderDash: [0]
                        }
                    }],
                    yAxes: [{
                        scaleLabel: {
                            display: true,
                            labelString: 'Value'
                        },

                        gridLines: {
                            color: 'rgba(0,0,0,0.05)',
                            lineWidth: 1,
                            borderDash: [0]
                        }
                    }]
                }
            }
        });
    });
    var datas1 = @json($datas1);
    "use strict";
    $(document).ready(function () {
        var options = {
            chart: {
                height: 285,
                type: 'area',
                toolbar: {
                    show: false
                },
                zoom: {
                    type: 'x',
                    enabled: false,
                    autoScaleYaxis: true
                },
            },
            dataLabels: {
                enabled: false
            },
            stroke: {
                curve: 'smooth',
            },
            colors: ['#506fe4'],
            series: [{
                name: 'Orders',
                data: datas1
            }],
            legend: {
                show: false,
            },
            xaxis: {

                title: {
                    text: 'Months',
                },
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov',
                    'Dec'
                ],
                axisBorder: {
                    show: true,
                    color: 'rgba(0,0,0,0.05)'
                },
                axisTicks: {
                    show: true,
                    color: 'rgba(0,0,0,0.05)'
                }
            },
            yaxis: {
                title: {
                    text: 'Orders',
                },
                min: 0
            },
            grid: {
                row: {
                    colors: ['transparent', 'transparent'],
                    opacity: .5
                },
                borderColor: 'rgba(0,0,0,0.05)'
            },


        }
        var chart = new ApexCharts(
            document.querySelector("#apex-chart"),
            options
        );
        chart.render();
    });
</script>
@endsection