@extends('layouts/default')
{{-- Page title --}}
@section('title')
    {{ trans('general.superadmindashboard') }}
    @parent
@stop


{{-- Page content --}}
@section('content')

    <style>
        .db-box-content p {
            font-size: 14px;
        }

        .db-box-content h3 {
            font-size: 40px;
        }

        .db-box-link p {
            font-size: 14px;
        }

        .db-box-inner {
            padding: 20px;
        }
        .db-box{
            max-width: 350px !important;
        }
    </style>

    @if ($snipeSettings->dashboard_message != '')
        <div class="row">
            <div class="col-md-12">
                <div class="box">
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">
                            <div class="col-md-12">
                                {!! Helper::parseEscapedMarkedown($snipeSettings->dashboard_message) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="db-main mt-3">

        <div class="w-100">
            <div class="db-box-outer">

                <div class="db-box bg-4">
                    <div class="db-box-inner">
                        <a href="{{ route('super.admin.tenants') }}">
                            <div class="db-box-icon">
                                <img src="{{ url(asset('img/Consumables_icon.svg')) }}" class="img-fluid" alt="">
                            </div>
                            <div class="db-box-content">
                                <p>Total Companies</p>
                                <h3>{{ $counts['total_companies'] }}</h3>
                            </div>
                            <div class="db-box-link">
                                <p>{{ trans('general.view_all') }} <img src="{{ url(asset('img/icon-arrow-right.svg')) }}"
                                        class="img-fluid" alt=""></p>
                            </div>
                        </a>
                    </div>
                </div>

                <div class="db-box bg-4">
                    <div class="db-box-inner">
                        <a href="{{ route('super.admin.tenants', ['status' => 'active']) }}">
                            <div class="db-box-icon">
                                <img src="{{ url(asset('img/Consumables_icon.svg')) }}" class="img-fluid" alt="">
                            </div>
                            <div class="db-box-content">
                                <p>Active Companies</p>
                                <h3>{{ $counts['active_companies'] }}</h3>
                            </div>
                            @can('index', \App\Models\Consumable::class)
                                <div class="db-box-link">
                                    <p>{{ trans('general.view_all') }} <img src="{{ url(asset('img/icon-arrow-right.svg')) }}"
                                            class="img-fluid" alt=""></p>
                                </div>
                            @endcan
                        </a>
                    </div>
                </div>

                <div class="db-box bg-3">
                    <div class="db-box-inner">
                        <a href="{{ route('super.admin.tenants', ['status' => 'inactive']) }}">
                            <div class="db-box-icon">
                                <img src="{{ url(asset('img/Accessories_icon.svg')) }}" class="img-fluid" alt="">
                            </div>
                            <div class="db-box-content">
                                <p>Inactive Companies</p>
                                <h3>{{ $counts['inactive_companies'] }}</h3>
                            </div>
                            @can('index', \App\Models\Accessory::class)
                                <div class="db-box-link">
                                    <p>{{ trans('general.view_all') }} <img src="{{ url(asset('img/icon-arrow-right.svg')) }}"
                                            class="img-fluid" alt=""></p>
                                </div>
                            @endcan
                        </a>
                    </div>
                </div>

                <div class="db-box bg-2">
                    <div class="db-box-inner">
                        <a href="{{ route('subscription.packages') }}">
                            <div class="db-box-icon">
                                <img src="{{ url(asset('img/Licenses.svg')) }}" class="img-fluid" alt="">
                            </div>
                            <div class="db-box-content">
                                <p>Total Packages</p>
                                <h3>{{ $counts['total_packages'] }}</h3>
                            </div>
                            @can('view', \App\Models\License::class)
                                <div class="db-box-link">
                                    <p>{{ trans('general.view_all') }} <img src="{{ url(asset('img/icon-arrow-right.svg')) }}"
                                            class="img-fluid" alt=""></p>
                                </div>
                            @endcan
                        </a>
                    </div>
                </div>

                <div class="db-box bg-1">
                    <div class="db-box-inner">
                        <a href="{{ route('super.admin.tenants', ['status' => 'expired']) }}">
                            <div class="db-box-icon">
                                <img src="{{ url(asset('img/Assets.svg')) }}" class="img-fluid" alt="">
                            </div>
                            <div class="db-box-content">
                                <p>License Expired</p>
                                <h3>{{ $counts['license_expired'] }}</h3>
                            </div>
                            @can('index', \App\Models\Asset::class)
                                <div class="db-box-link">
                                    <p>{{ trans('general.view_all') }} <img src="{{ url(asset('img/icon-arrow-right.svg')) }}"
                                            class="img-fluid" alt=""></p>
                                </div>
                            @endcan
                        </a>
                    </div>
                </div>

            </div>
        </div>

        <div class="row my-4">
            <div class="col-lg-6">
                <h5>Recent Registered Companies</h5>
                <table class='table table-borderless'>
                    <thead>
                        <tr class="text-muted">
                            <th scope="col">#</th>
                            <th></th>
                            <th scope="col">Name</th>
                            <th scope="col">Package</th>
                            <th scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data['recent_registered'] as $recent)
                            @php
                                $tSetting = $recent->run(function ($tenant) {
                                    return \App\Models\Setting::first();
                                });
                            @endphp
                            <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>
                                    <img src="{{ Storage::disk('public')->url('').e($tSetting->logo) }}" width="60">
                                </td>
                                <td>{{ $recent->company_name }}</td>
                                <td>{{ $recent->subscription?$recent->subscription->name:'Trial' }}</td>
                                <td>{{ $recent->created_at->format('d M Y h:iA') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="col-lg-6">
                <h5>Companies with Most Users</h5>
                <table class='table table-borderless'>
                    <thead class="">
                        <tr class="text-muted">
                            <th scope="col">#</th>
                            <th></th>
                            <th scope="col">Name</th>
                            <th scope="col">Package</th>
                            <th scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data['companies_with_most_users'] as $recent)
                            @php
                                $tSetting = $recent->run(function ($tenant) {
                                    return \App\Models\Setting::first();
                                });
                            @endphp
                            <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>
                                    <img src="{{ Storage::disk('public')->url('').e($tSetting->logo) }}" width="60">
                                </td>
                                <td>{{ $recent->company_name }}</td>
                                <td>{{ $recent->subscription?$recent->subscription->name:'Trial' }}</td>
                                <td>{{ $recent->created_at->format('d M Y h:iA') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row my-4">
            <div class="col-lg-6">
                <h5>Recent Paid Subcriptions</h5>
                <table class='table table-borderless'>
                    <thead>
                        <tr class="text-muted">
                            <th scope="col">#</th>
                            <th></th>
                            <th scope="col">Name</th>
                            <th scope="col">Package</th>
                            <th scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data['recent_paid_subscriptions'] as $recent)
                            @php
                                $tSetting = $recent->run(function ($tenant) {
                                    return \App\Models\Setting::first();
                                });
                            @endphp
                            <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>
                                    <img src="{{ Storage::disk('public')->url('').e($tSetting->logo) }}" width="60">
                                </td>
                                <td>{{ $recent->company_name }}</td>
                                <td>{{ $recent->subscription?$recent->subscription->name:'Trial' }}</td>
                                <td>{{ $recent->created_at->format('d M Y h:iA') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="col-lg-6">
                <h5>Recent Licesnse Expired Companies</h5>
                <table class='table table-borderless'>
                    <thead>
                        <tr class="text-muted">
                            <th scope="col">#</th>
                            <th></th>
                            <th scope="col">Name</th>
                            <th scope="col">Package</th>
                            <th scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data['recent_license_expired_companies'] as $recent)
                            @php
                                $tSetting = $recent->run(function ($tenant) {
                                    return \App\Models\Setting::first();
                                });
                            @endphp
                            <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>
                                    <img src="{{ Storage::disk('public')->url('').e($tSetting->logo) }}" width="60">
                                </td>
                                <td>{{ $recent->company_name }}</td>
                                <td>{{ $recent->subscription?$recent->subscription->name:'Trial' }}</td>
                                <td>{{ $recent->created_at->format('d M Y h:iA') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="row my-4">
            <div class="col-lg-6">
                <h5>Package Comapny Count</h5>
                <table class='table table-borderless'>
                    <thead>
                        <tr class="text-muted">
                            <th scope="col">#</th>
                            <th></th>
                            <th scope="col">Name</th>
                            <th scope="col">Package</th>
                            <th scope="col">Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data['package_company_count'] as $recent)
                            @php
                                $tSetting = $recent->run(function ($tenant) {
                                    return \App\Models\Setting::first();
                                });
                            @endphp
                            <tr>
                                <th scope="row">{{ $loop->index + 1 }}</th>
                                <td>
                                    <img src="{{ Storage::disk('public')->url('').e($tSetting->logo) }}" width="60">
                                </td>
                                <td>{{ $recent->company_name }}</td>
                                <td>{{ $recent->subscription?$recent->subscription->name:'Trial' }}</td>
                                <td>{{ $recent->created_at->format('d M Y h:iA') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">No data found</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="col-lg-6">
                <h5>Company Registrations</h5>
                <div class="" id="Registrations-chart">
                    <div class="company-registration-chart">
                        <div class="chart-responsive">
                            <canvas id="companyRegistrationPieChart" height="240"></canvas>
                        </div> <!-- ./chart-responsive -->
                    </div>
                </div>
            </div>
        </div>


    </div>


    </div>




@stop

@section('moar_scripts')
    @include ('partials.bootstrap-table', ['simple_view' => true, 'nopages' => true])
@stop

@push('js')
    <script nonce="{{ csrf_token() }}">
        // ---------------------------
        // - ASSET STATUS CHART -
        // ---------------------------
        var pieChartCanvas = $("#companyRegistrationPieChart").get(0).getContext("2d");
        var pieChart = new Chart(pieChartCanvas);
        var ctx = document.getElementById("companyRegistrationPieChart");
        var pieOptions = {
            legend: {
                position: 'top',
                responsive: true,
                display: false,
                maintainAspectRatio: true,
            },
            tooltips: {
                callbacks: {
                    label: function(tooltipItem, data) {
                        counts = data.datasets[0].data;
                        total = 0;
                        for (var i in counts) {
                            total += counts[i];
                        }
                        prefix = data.labels[tooltipItem.index] || '';
                        return prefix + " " + Math.round(counts[tooltipItem.index] / total * 100) + "%";
                    }
                }
            }
        };


        $.ajax({
            type: 'GET',
            url: '{{ \App\Models\Setting::getSettings()->dash_chart_type == 'name' ? route('api.statuslabels.assets.byname') : route('api.statuslabels.assets.bytype') }}',
            headers: {
                "X-Requested-With": 'XMLHttpRequest',
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content')
            },
            dataType: 'json',
            success: function(data) {
                const xValues = [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];
                var myPieChart = new Chart(ctx, {
                    labels: xValues,
                    type: 'line',
                    data: {
                        labels: xValues,
                        datasets: [{
                            data: [860, 1140, 1060, 1060, 1070, 1110, 1330, 2210, 7830, 2478],
                            borderColor: "#FF6384",
                            fill: false,
                        }, {
                            data: [1600, 1700, 1700, 1900, 2000, 2700, 4000, 5000, 6000, 7000],
                            borderColor: "#36A2EB",
                            fill: false
                        }
                        ]
                    },
                    options: pieOptions
                });
            },
            error: function(data) {
                // window.location.reload(true);
            },
        });
        var last = document.getElementById('companyRegistrationPieChart').clientWidth;
        addEventListener('resize', function() {
            var current = document.getElementById('companyRegistrationPieChart').clientWidth;
            if (current != last) location.reload();
            last = current;
        });
    </script>
@endpush