@extends('layouts.'.$namespaceName.'.master')
@section('title')
    {{$title}}
@endsection
@section('content')
    <div class="page-wrapper">
        <div class="page-content m-2">

                    <div class="row ">
                        {{--Bio-Security--}}
                        <div class="col-lg-4 col-md-6">
                            <div class="card radius-10" style="background-image: linear-gradient(to right, #2c3410, #4ca110);">
                                <div class="card-body" style="min-height:110px">
                                    <div class="d-flex align-items-center">
                                        <div class="me-auto" style="width: -webkit-fill-available;">
                                            <div class="row"style="width: -webkit-fill-available;">
                                                <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Bio-Security') }}</h5>
                                                <div class="row my-2" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'total') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalHosts }}</p>
                                                    </div>
                                                </div>
                                                <div class="row" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'active') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalActiveBsServers }}</p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div id="chart3"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{--license-server--}}
                        @if(!$licenseStatus)
                            <div class="col-lg-4 col-md-6">
                           <div class="card radius-10 bg-gradient-ibiza">
                               <div class="card-body" style="min-height:110px">
                                   <div class="d-flex align-items-center">
                                       <div class="me-auto" style="width: -webkit-fill-available;">
                                           <div class="row"style="width: -webkit-fill-available;">
                                               <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'license-server') }}</h5>
                                               <div class="row my-2" style="width: -webkit-fill-available;">
                                                   <div class="col">
                                                       <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'status') }}</p>
                                                   </div>
                                                   <div class="col">
                                                       <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'not-configured') }}</p>
                                                   </div>
                                               </div>
                                           </div>
                                       </div>
                                       <div id="chart3"></div>
                                   </div>
                               </div>
                           </div>
                       </div>
                        @else
                            <div class="col-lg-4 col-md-6">
                           <div class="card radius-10 bg-gradient-ohhappiness">
                               <div class="card-body" style="min-height:110px">
                                   <div class="d-flex align-items-center">
                                       <div class="me-auto" style="width: -webkit-fill-available;">
                                           <div class="row"style="width: -webkit-fill-available;">
                                               <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'license-server') }}</h5>
                                               <div class="row my-2" style="width: -webkit-fill-available;">
                                                   <div class="col">
                                                       <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'status') }}</p>
                                                   </div>
                                                   <div class="col">
                                                       <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'configured') }}</p>
                                                   </div>
                                               </div>
                                           </div>
                                       </div>
                                       <div id="chart3"></div>
                                   </div>
                               </div>
                           </div>
                       </div>
                        @endif

                        {{--operators--}}
                        <div class="col-lg-4 col-md-6">
                            <div class="card radius-10" style="background-image: linear-gradient(to right, #2c3e50, #4ca1af);">
                                <div class="card-body" style="min-height:110px">
                                    <div class="d-flex align-items-center">
                                        <div class="me-auto" style="width: -webkit-fill-available;">
                                            <div class="row"style="width: -webkit-fill-available;">
                                                <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Operators') }}</h5>
                                                <div class="row my-2" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'total') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalOperators }}</p>
                                                    </div>
                                                </div>
                                                <div class="row" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'active') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalActiveOperators }}</p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div id="chart3"></div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        {{--hosts--}}
                        <div class="col-lg-4 col-md-6">
                        <div class="card radius-10" style="background-image: linear-gradient(to right, #2c3e50, #4ca1af);">
                           <div class="card-body" style="min-height:110px">
                               <div class="d-flex align-items-center">
                                   <div class="me-auto" style="width: -webkit-fill-available;">
                                   <div class="row"style="width: -webkit-fill-available;">
                                    <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Hosts') }}</h5>
                                        <div class="row my-2" style="width: -webkit-fill-available;">
                                            <div class="col">
                                                <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'total') }}</p>
                                            </div>
                                            <div class="col">
                                                <p class="my-0 text-white">{{ $totalHosts }}</p>
                                            </div>
                                        </div>
                                        <div class="row" style="width: -webkit-fill-available;">
                                            <div class="col">
                                                <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'active') }}</p>
                                            </div>
                                            <div class="col">
                                                <p class="my-0 text-white">{{ $totalActiveHosts }}</p>
                                            </div>
                                        </div>

                                   </div>
                                   </div>
                                   <div id="chart3"></div>
                               </div>
                           </div>
                        </div>
                      </div>

                        {{--visitors--}}
                        <div class="col-lg-4 col-md-6">
                            <div class="card radius-10 bg-gradient-kyoto">
                                <div class="card-body" style="min-height:110px">
                                    <div class="d-flex align-items-center">
                                        <div class="me-auto" style="width: -webkit-fill-available;">
                                            <div class="row"style="width: -webkit-fill-available;">
                                                <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Visitors') }}</h5>
                                                <div class="row my-2" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'total') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalVisitors }}</p>
                                                    </div>
                                                </div>
                                                <div class="row" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Average Visitor/Event') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $averageVisitorsEvents }}</p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div id="chart3"></div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-lg-4 col-md-6" data-bs-toggle="popover" data-placement="top" data-bs-content="And here's some amazing content. It's very engaging. Right?" data-bs-original-title="Popover title">
                        <div class="card radius-10 bg-gradient-cosmic">
                           <div class="card-body" style="min-height:110px " >
                               <div class="d-flex align-items-center" >
                                <div class="me-auto" style="width: -webkit-fill-available;">
                                    <div class="row"style="width: -webkit-fill-available;">
                                        <h5 class="mb-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'Events') }}</h5>
                                            <div class="row my-2" style="width: -webkit-fill-available;">
                                                <div class="col">
                                                    <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'total') }}</p>
                                                </div>
                                                <div class="col">
                                                    <p class="my-0 text-white">{{ $totalEvents }}</p>
                                                </div>
                                            </div>
                                            <div class="row" style="width: -webkit-fill-available;">
                                                <div class="col">
                                                    <p class="my-0 text-white">{{trans ($namespaceName.'/'.$modelName.'.'.'active') }}</p>
                                                </div>
                                                <div class="col">
                                                    <p class="my-0 text-white">{{ $totalActiveEvents }}</p>
                                                </div>
                                            </div>

                                       </div>
                                   <div id="chart3"></div>
                               </div>
                           </div>
                        </div>
                      </div>
                    </div>
                    </div>


                    <h6 class="mb-0 text-uppercase">{{__('operator/operator_dashboard.system_balance')}}</h6>
                    <hr/>
                    @if(isset($clientLimits)&&$licenseConnection)
                        <div class="row ">
                        @foreach($clientLimits as $clientLimit)
                            <div class="col-lg-4 col-md-6">
                            <div class="card radius-10" style="background-image: radial-gradient( circle farthest-corner at 22.4% 21.7%, rgba(4,189,228,1) 0%, rgba(2,83,185,1) 100.2% );
                            ">
                                <div class="card-body" style="min-height:110px">
                                    <div class="d-flex align-items-center">
                                        <div class="me-auto" style="width: -webkit-fill-available;">
                                            <div class="row"style="width: -webkit-fill-available;">
                                                <h5 class="mb-0 text-white" style="text-transform: capitalize;">{{json_decode($clientLimit->display_value,true)[app()->getLocale()]}}</h5>
                                                <div class="row my-2" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{__('labels.reserved')}}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{$clientLimit->total_reserved}}</p>
                                                    </div>
                                                </div>
                                                <div class="row" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{__('labels.used')}}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{$clientLimit->total_used}}</p>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <div id="chart3"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    <br>
                </div>
                    @else
                        <div class="text-center">
                            <span class="text-gray-900">{{__('messages.no_data_available_now')}}</span>
                        </div>
                    @endif
            </div>

@endsection