@extends('admin.layouts.master')
@section('css')
@endsection
@section('page-header')
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h2 class="content-title mb-0 my-auto">{{ config('languageString.dashboard') }}</h2>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
@endsection
@section('content')
    <div class="row row-sm">
        <div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
            <div class="card overflow-hidden sales-card bg-primary-gradient">
                <div class="pl-3 pt-3 pr-3 pb-2 pt-0">
                    <div class=""><p class="mb-3 tx-14 text-white">{{ config('languageString.app_menu_type_user') }}</p></div>
                    <div class="pb-0 mt-0">
                        <div class="d-flex">
                            <div class=""><p class="tx-20 font-weight-bold mb-1 text-white">{{$users}}</p>
                            </div>
                        </div>
                        <span class="float-right pb-0 my-0">
                                            @foreach($userLang as $UserLng)
                                            <span class="text-white op-7"> {{$UserLng['name']}} {{$UserLng['userLangCount']}}</span><br>

                                           @endforeach

                                           @If(!empty($userNullCount) && $userNullCount > 0)
                                            <span class="text-white op-7"> {{'NULL'}} {{$userNullCount}}</span><br>
                                            @else
                                                <span class="text-white op-7"> &nbsp; </span><br>
                                            @endif
                                        </span>
                    </div>
                </div>
                <span id="compositeline" class="pt-1">

                    <canvas width="283" height="30"
                            style="display: inline-block; width: 283px; height: 30px; vertical-align: top;">
                    </canvas>
                </span>
            </div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
            <div class="card overflow-hidden sales-card bg-danger-gradient">
                <div class="pl-3 pt-3 pr-3 pb-2 pt-0">
                    <div class=""><p class="mb-3 tx-14 text-white">{{ config('languageString.app_menu_type_guest') }}</p>
                    </div>
                    <div class="pb-0 mt-0">
                        <div class="d-flex">
                            <div class=""><p class="tx-20 font-weight-bold mb-1 text-white">{{$userVehicles}}</p></div>
                        </div>
                        <span class="float-right pb-0 my-0">
                                 @foreach($guestLang as $guest)
                                  <span class="text-white op-7"> {{$guest['name']}} {{$guest['guestLangCount']}}</span><br>
                                  @endforeach

                                    @If(!empty($guestNullCount) && $guestNullCount > 0)
                                    <span class="text-white op-7"> {{'NULL'}} {{$guestNullCount}}</span><br>
                                    @else
                                    <span class="text-white op-7"> &nbsp; </span><br>
                                @endif
                            </span>
                    </div>
                </div>
                <span id="compositeline2" class="pt-1"><canvas width="283" height="30"
                                                               style="display: inline-block; width: 283px; height: 30px; vertical-align: top;"></canvas></span>
            </div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 col-xm-12">
            <div class="card overflow-hidden sales-card bg-success-gradient">
                <div class="pl-3 pt-3 pr-3 pb-2 pt-0">
                    <div class=""><p class="mb-3 tx-14 text-white">{{ config('languageString.merchant') }}</p></div>
                    <div class="pb-0 mt-0">
                        <div class="d-flex">
                            <div class="">
                                <p class="tx-20 font-weight-bold mb-1 text-white">{{$makes}}</p>
                            </div>
                        </div>
                        <span class="float-right pb-0 my-0">
                                 @foreach($merchantLang as $merchant)
                                  <span class="text-white op-7"> {{$merchant['name']}} {{$merchant['merchantLangCount']}}</span><br>
                                  @endforeach

                                    @If(!empty($merchantNullCount) && $merchantNullCount > 0)
                                    <span class="text-white op-7"> {{'NULL'}} {{$merchantNullCount}}</span><br>
                                    @else
                                    <span class="text-white op-7"> &nbsp; </span><br>
                                @endif
                            </span>
                    </div>
                </div>
                <span id="compositeline3" class="pt-1"><canvas width="283" height="30"
                                                               style="display: inline-block; width: 283px; height: 30px; vertical-align: top;"></canvas></span>
            </div>
        </div>

{{--        <div class="col-xl-3 col-lg-6 col-md-6 col-xm-12">--}}
{{--            <div class="card overflow-hidden sales-card bg-warning-gradient">--}}
{{--                <div class="pl-3 pt-3 pr-3 pb-2 pt-0">--}}
{{--                    <div class="">--}}
{{--                        <p class="mb-3 tx-14 text-white">{{ config('languageString.app_menu_type_business') }}</p>--}}
{{--                    </div>--}}
{{--                    <div class="pb-0 mt-0">--}}
{{--                        <div class="d-flex">--}}
{{--                            <div class="">--}}
{{--                                <p class="tx-20 font-weight-bold mb-1 text-white">{{$models}}</p>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                        <span class="float-right pb-0 my-0">--}}
{{--                                 @foreach($businessLang as $business)--}}
{{--                                  <span class="text-white op-7"> {{$business['name']}} {{$business['businessLangCount']}}</span><br>--}}
{{--                                  @endforeach--}}

{{--                                    @If(!empty($businessNullCount) && $businessNullCount > 0)--}}
{{--                                    <span class="text-white op-7"> {{'NULL'}} {{$businessNullCount}}</span><br>--}}
{{--                                    @else--}}
{{--                                    <span class="text-white op-7"> &nbsp; </span><br>--}}
{{--                                @endif--}}
{{--                            </span>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <span id="compositeline4" class="pt-1"><canvas width="283" height="30"--}}
{{--                                                               style="display: inline-block; width: 283px; height: 30px; vertical-align: top;"></canvas></span>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>





@endsection
@section('js')
    <script>
        var options = "";
        var option = "";
        var userVehicle = "";
        var user = "";
        var chart = "";
    </script>

    <script src="{{asset('assets/js/apexcharts.js')}}"></script>
    <script src="{{asset('assets/js/custom/index.js')}}"></script>
    <script src="{{asset('assets/js/custom/userChart.js')}}"></script>
@endsection