@extends('layouts.'.$namespaceName.'.master')
@section('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.'.'.'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 my-2" 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">{{ $totalValidEvents }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'expired') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalInvalidEvents }}</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" 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.'.'.'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  my-2" style="width: -webkit-fill-available;">
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'regular') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalRegularVisitors }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ trans($namespaceName.'/'.$modelName.'.'.'simplified') }}</p>
                                                    </div>
                                                    <div class="col">
                                                        <p class="my-0 text-white">{{ $totalSimplifiedVisitors }}</p>
                                                    </div>
                                                </div>
                                                {{-- <div class="row" style="width: -webkit-fill-available;">
                                                    
                                                </div> --}}

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