@extends('admin.layouts.master')
@section('title',__('Admin Dashboard'))
@section('maincontent')
@include('admin.layouts.topbar')
<div class="contentbar bardashboard-card">
    @can('dashboard.manage')
        <!-- Start row -->
        <div class="row">
            <!-- Start col -->
         

            <div class="col-lg-12">
                <div>
                    <!-- Start row -->
                    <div class="row">
                        <!-- Start col -->
                        <div class="col-lg-3 col-md-6 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>{{ $userss }}</h4>
                                            <p class="font-14 mb-0">{{ __('Users') }}</p>
                                        </div> 
                                        <div class="col-6 text-right">
                                            <a href="{{ route('user.index') }}" title="{{ __('Users') }}">
                                                <i class="text-info feather icon-users icondashboard"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 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">{{ __('Instructors') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ url('allinstructor') }}" title="{{ __('Instructors') }}">
                                                <i class="text-warning feather icon-user icondashboard"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 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') }}" title="{{ __('Courses') }}">
                                                <i class="text-success feather icon-book-open icondashboard"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 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-14 mb-0">{{ __('Categories') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('category.index') }}" title="{{ __('Categories') }}">
                                                <i class="text-warning feather icon-list icondashboard"></i>
                                            </a>
                                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        @if(isset($zoom_enable) && $zoom_enable == 1)
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-7">
                                            <h4>{{ $zoom }}</h4>
                                            <p class="font-14 mb-0">{{ __('Zoom Meetings') }}</p>
                                        </div>
                                        @if(Route::has('zoom.setting'))
                                        <div class="col-5 text-right">
                                            <a href="{{ route('zoom.setting') }}">
                                                <i class="text-danger feather icon-maximize icondashboard" title="{{ __('Zoom Meetings') }}"></i>
                                            </a>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if(isset($gsetting) && $gsetting->bbl_enable == 1)
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $bbl }}</h4>
                                            <p class="font-14 mb-0">{{ __('BB Meetings') }}</p>
                                        </div>
                                        @if(Route::has('bbl.setting'))
                                        <div class="col-6 text-right">
                                            <a href="{{ route('bbl.setting') }}" title="{{ __('BB Meetings') }}"><i
                                                class="text-primary feather icon-camera icondashboard"></i></a>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif


                        @if(isset($gsetting) && $gsetting->jitsimeet_enable == 1)
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $jitsi }}</h4>
                                            <p class="font-14 mb-0">{{ __('Jitsi Meetings') }}</p>
                                        </div>
                                        @if(Route::has('jitsi.dashboard'))
                                        <div class="col-6 text-right">
                                            <a href="{{ route('jitsi.dashboard') }}" title="{{ __('Jitsi Meetings') }}"><i
                                                class="text-success feather icon-video icondashboard"></i></a>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        @if(isset($gsetting) && $gsetting->googlemeet_enable == 1)
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $googlemeet }}</h4>
                                            <p class="font-14 mb-0">{{ __('Google Meetings') }}</p>
                                        </div>

                                        @if(Route::has('googlemeet.index'))
                                        <div class="col-6 text-right">
                                            <a href="{{ route('googlemeet.index') }}" title="{{ __('Google Meetings') }}"><i
                                                class="text-warning feather icon-aperture icondashboard"></i></a>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $faq }}</h4>
                                            <p class="font-14 mb-0">{{ __('Faq\'s') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('faq.index') }}" title="{{ __('Faqs') }}"><i
                                                class="text-secondary fa fa-question icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $pages }}</h4>
                                            <p class="font-14 mb-0">{{ __('Pages') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('page.index') }}" title="{{ __('Pages') }}"><i
                                                class="text-info feather icon-bookmark icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $blogs }}</h4>
                                            <p class="font-14 mb-0">{{ __('Blogs') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('blog.index') }}" title="{{ __('Blogs') }}"><i
                                                class="text-danger feather icon-message-square icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $testimonial }}</h4>
                                            <p class="font-14 mb-0">{{ __('Testimonials') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('testimonial.index') }}" title="{{ __('Testimonials') }}"><i
                                                class="text-primary feather icon-message-circle icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $coupon }}</h4>
                                            <p class="font-14 mb-0">{{ __('Coupons') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('coupon.index') }}" title="{{ __('Coupons') }}"><i
                                                class="text-secondary feather icon-percent icondashboard"></i></a>
                                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $orders }}</h4>
                                            <p class="font-14 mb-0">{{ __('Orders') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('order.index') }}" title="{{ __('Orders') }}"><i
                                                class="text-success feather icon-shopping-cart icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $refund }}</h4>
                                            <p class="font-14 mb-0">{{ __('Refund Orders') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('refundorder.index') }}" title="{{ __('Refund Orders') }}"><i
                                                class="text-secondary  feather icon-trending-down icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-12 mt-md-3">
                            <div class="card m-b-30 shadow-sm">
                                <div class="card-body">
                                    <div class="row align-items-center">
                                        <div class="col-6">
                                            <h4>{{ $follower }}</h4>
                                            <p class="font-14 mb-0">{{ __('Followers') }}</p>
                                        </div>
                                        <div class="col-6 text-right">
                                            <a href="{{ route('follower.view') }}" title="{{ __('Followers') }}"><i
                                                class="text-danger  feather icon-user-check icondashboard"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    @if (!empty($topuser))
                    <div class="col-lg-12 col-xl-3 col-md-6 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">{{ __('Recent Users') }}</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="{{$topusers->fname}}">
                                                @else
                                                <img src="{{ Avatar::create($topusers->fname)->toBase64() }}" class="dashboard-imgs" alt="{{$topusers->fname}}">
                                                @endif
                                                
                                            </span>
                                            <h5>{{ $topusers->fname }}</h5>
                                            <p>{{ $topusers->email }}</p>
                                            <p><span class="badge badge-primary-inverse">{{ __('Verified') }}:{{ $topusers['verified'] }}</span>
                                            </p>                                        
                                        </div>
                                        
                                    </div>

                                </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                    @endif
                    @if (!empty($topinstructor))
                    <div class="col-lg-12 col-xl-3 col-md-6 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">{{ __('Recent 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="{{$topinstructors->fname}}"></span>
                                            <h5>{{ $topinstructors->fname }}</h5>
                                            <p>{{ $topinstructors->email }}</p>
                                            <p><span class="badge badge-primary-inverse">{{ __('Verified') }}:{{ $topinstructors->verified }}</span>
                                            </p>                                        
                                        </div>                                        
                                    </div>
                                </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                    @endif
                    @if (!empty($topcourses))
                    <div class="col-lg-12 col-xl-3 col-md-6 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">{{ __('Recent 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="{{$topcourses->title}}">
                                                
                                                @else
                                                <img src="{{ Avatar::create($topcourses->title)->toBase64() }}" class="dashboard-imgs" alt="{{$topcourses->title}}">
                                                @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>

                                </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                    @endif
                    @if (!empty($toporder))
                    <div class="col-lg-12 col-xl-3 col-md-6 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">{{ __('Recent Orders') }}</h5>
                                    </div>
                                
                                </div>
                            </div>
                            <div class="user-slider">
                                @foreach($toporder as $toporders)
                                @if(!is_null($toporders->user))
                                <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->user->fname)->toBase64() }}"
                                                    class="dashboard-imgs" alt="{{$toporders->user->fname}}"></span>
                                            <h5>{{ $toporders->user->fname }}</h5>
                                            <p>{{ $toporders->payment_method }}</p>
                                            <p><span class="badge badge-primary-inverse">{{ __('Price') }}:{{ $toporders->total_amount}}</span>
                                            </p>                                            
                                        </div>                                        
                                    </div>
                                </div>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    @endif
                </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 Registered Users in') }} {{date("Y")}}</h5>
                            </div>
                            <div class="card-body">
                                <canvas height='180' id="chartjs-bar-chart" class="chartjs-chart"></canvas>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mt-md-3 chart_height">
                        <div class="card m-b-30">
                            <div class="card-header">
                                <h5 class="card-title">{{ __('Total Orders in') }} {{date("Y")}}</h5>
                            </div>
                            <div class="card-body">
                                <div id="apex-chart">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mt-md-3 chart_height">
                        <div class="card m-b-30">
                            <div class="card-header">
                                <h5 class="card-title">{{ __('Users Distribution') }}</h5>
                            </div>
                            <div class="card-body">
                                <div id="apex-circle-chart-custom-angel-chart"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mb-4">
                        <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">{{ __('Recent Courses') }}</h5>
                                    </div>
                                    <div class="col-3">
                                        <div class="dropdown">
                                            <button class="btn btn-link p-0 font-18 float-right" type="button"
                                                id="upcomingTask" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false" title="{{ __('View All') }}">
                                                <i class="feather icon-more-horizontal-"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="upcomingTask">
                                                <a href="{{url('course')}}" class="dropdown-item font-13" title="{{ __('View All') }}">{{ __('View All') }}
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @php
                                    $courses = App\Course::limit(5)->orderBy('id', 'DESC')->get()
                                    @endphp
                                    @if(!$courses->isEmpty())
                                    <table class="table table-borderless">
                                        <thead></thead>
                                        <tbody>
                                            @foreach($courses as $course)
                                            <tr>
                                                <td>
                                                    @if($course['preview_image'] !== NULL && $course['preview_image'] !==
                                                    '')
                                                    <img src="images/course/"
                                                        alt="{{$course->title}}" class="img-responsive img-cousre">
                                                    @else
                                                    <img src="{{ Avatar::create($course->title)->toBase64() }}"
                                                        alt="{{$course->title}}" class="img-responsive img-cousre">
                                                    @endif
                                                </td>
                                                <td>
                                                    <p><span class="text-dark">{{ str_limit($course['title'], $limit = 25, $end = '...') }}</span><br>
                                                        <span class="product-description">
                                                            {{ str_limit($course->short_detail, $limit = 40, $end = '...') }}
                                                        </span>
                                                    </p>
                                                </td>
                                                <td><span class="badge badge-warning">
                                                    @if( $course->type == 1)
                                                    @if($course->discount_price == !NULL)
                                                    @if($gsetting['currency_swipe'] == 1)
                                                    <i
                                                        class="{{ $currency['icon'] }}"></i>{{ $course['discount_price'] }}
                                                    @else
                                                    {{ $course['discount_price'] }}<i
                                                        class="{{ $currency['icon'] }}"></i>
                                                    @endif
                                                    @else
                                                    @if($gsetting['currency_swipe'] == 1)
                                                    <i class="{{ $currency['icon'] }}"></i>{{ $course['price'] }}
                                                    @else
                                                    {{ $course['price'] }}<i class="{{ $currency['icon'] }}"></i>
                                                    @endif
                                                    @endif
                                                    @else
                                                    {{ __('Free') }}
                                                    @endif
                                                </span>
                                            </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 mb-4">
                        @php
                        $instructors = App\Instructor::limit(3)->orderBy('id', 'DESC')->get();
                        @endphp
                        @if( !$instructors->isEmpty() )
                        <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">{{ __('Instructors Request') }}</h5>
                                    </div>
                                    <div class="col-3">
                                        <div class="dropdown">
                                            <button class="btn btn-link p-0 font-18 float-right" type="button"
                                                id="upcomingTask" data-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false" title="{{ __('View All') }}">
                                                <i class="feather icon-more-horizontal-"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="upcomingTask">
                                                <a href="{{route('all.instructor')}}" class="dropdown-item font-13" title="{{ __('View All') }}">{{ __('All Instructors') }}</a>
                                                <a href="{{url('requestinstructor')}}" class="dropdown-item font-13">{{ __('View All Instructors') }}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    @foreach($instructors as $instructor)
                                    @if($instructor->status == 0)
                                    <div class="col-md-2 col-2">
                                        <img src="{{ asset('images/instructor/'.$instructor['image'])}}" alt="{{ $instructor['fname'] }}"
                                            class="online img-cousre">
                                    </div>
                                    <div class="col-md-10 col-10">
                                        <p>
                                            <span class="text-dark">{{ $instructor['fname'] }}&nbsp;{{ $instructor['lname'] }}</span>
                                            <br>
                                            <span> {{ str_limit($instructor['detail'], $limit = 130, $end = '...') }}</span>
                                        </p>
                                        <div class="text-right">
                                            <h6>{{ __('Resume') }}:
                                                <a href="{{ asset('files/instructor/'.$instructor['file']) }}"
                                                    download="{{$instructor['file']}}"alt="{{ __('Download') }}" >{{ __('Download') }}
                                                    <i class="ion ion-md-download"></i>
                                                </a>
                                            </h6>
                                        </div>
                                    </div>
                                    @endif
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="row">
            <!-- Start col -->
            <div class="col-lg-12">
            <h3> {{ auth()->user()->getRoleNames()[0] }} {{ __('Dashboard') }} </h3>
            </div>
            <div class="col-md-12">
            <div class="card bg-primary-rgba m-b-30">
                <div class="card-body">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h5 class="card-title text-primary mb-1">{{ __('Welcome') }}, {{ Auth::user()->fname}}
                            </h5>
                            <p class="mb-0 text-primary font-14">"{{ __('May the sun shine brightest, Today') }}"</p>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
    @endcan
</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 Users',
                    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