@extends('control-panel::layout/layout')


@section('content')
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>License</h4>

            <div class="row">
                <h6 class="font-weight-normal mb-0">This instance is enabled with a <span
                        class="text-primary">{{ $licenseLimit }}-user
                        license</span></h6>
                <p class="mt-4">Current users (visible):
                    @foreach ($usersCountVisible as $key => $count)
                        <span class="badge text-bg-secondary"><strong>{{ $count }}</strong>
                            {{ $key }}</span>,
                    @endforeach
                </p>

                <p>Current users (invisible):
                    @foreach ($usersCountInvisible as $key => $count)
                        <span class="badge text-bg-secondary">{{ $count }}
                            {{ $key }}</span>,
                    @endforeach
                </p>

            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Env example</h4>

            <div>
                <h6 class="font-weight-normal mb-0">Theses items are missing in env, but available in env.example</h6>
                <p class="mt-4 mb-1"><b>Missing</b></p>
                @forelse ($envExample['missing'] as $item)
                    <button class="btn btn-sm btn-outline-danger me-2 mb-2">{{ $item }}</button>
                @empty
                    No mismatches.
                @endforelse
                </p>

                <p class="mt-4 mb-1"><b>Empty</b></p>
                @forelse ($envExample['empty'] as $key => $value)
                    <button class="btn btn-sm btn-outline-secondary me-2 mb-2" data-bs-toggle="popover"
                        data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-title="Items"
                        data-bs-content="{{ implode(', ', $value) }}">{{ $key }}</button>
                @empty
                    No mismatches.
                @endforelse
                </p>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4 position-relative">
        <div class="card-body p-4">
            <div class="row d-flex justify-content-between">
                <h4>Roles and permissions</h4>
                <p class="text-secondary">If the system default permissions are mismatched, they will be shown here.
                    <br> First line is from source code and second line(light color) is from database.
                </p>
            </div>

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">Permission</th>
                            <th scope="col">Group Id</th>
                            <th scope="col">Is available</th>
                            <th scope="col">Default to sys roles</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($permissionsMismatch as $permission)
                            <tr>
                                <td>{{ $permission['rolePermissionsFromSrc']['code'] ?? $permission['rolePermissionsFromDb']['code'] }}
                                    <p class="text-muted">
                                        {{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromSrc'], 'name', '--------') }}

                                        @if (in_array('name', $permission['mismatches']))
                                            <i class="bi bi-exclamation-octagon text-danger" data-bs-toggle="tooltip"
                                                title="DB value: {{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromDb'], 'name') }}"></i>
                                        @endif
                                    </p>
                                </td>
                                <td style='font-size:0.7rem'>
                                    <span data-bs-toggle="tooltip"
                                        title="{{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromSrc'], 'permission_group_id') ?? '--------' }}">
                                        {{ $permission['rolePermissionsFromSrc']['permission_group_name'] ?? '--------' }}
                                    </span>
                                    <p class="text-muted">
                                        <span data-bs-toggle="tooltip"
                                            title="{{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromDb'], 'permission_group_id') ?? '--------' }}">
                                            {{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromDb'], 'permission_group_name') ?? '--------' }}
                                        </span>
                                    </p>
                                </td>
                                <td>{{ var_export($permission['rolePermissionsFromSrc']['is_available'] ?? null, true) }}
                                    <p class="text-muted">
                                        {{ var_export(\Illuminate\Support\Arr::get($permission['rolePermissionsFromDb'], 'is_available'), true) }}
                                    </p>
                                </td>
                                <td>[{{ $permission['rolePermissionsFromSrc']['roles'] ?? null }}]
                                    <p class="text-muted">
                                        [{{ \Illuminate\Support\Arr::get($permission['rolePermissionsFromDb'], 'roles') }}]
                                    </p>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4">All good. No mismatches!</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Mail</h4>
            <p class="text-secondary">Searching the settings table and env; not in cache.</p>
            <div>
                @foreach ($mailConfigs as $key => $val)
                    <p>{{ $key }}: <span
                            class="@if ($loop->first) {{ 'fw-bold' }} @endif">{{ $val }}</span>
                    </p>
                @endforeach
            </div>
            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Groups, teams and external group</h4>
            <p class="text-muted">Usually we needed at least one entry against each items below</p>

            <div class="table-responsive">
                <p>Total group levels for groups: {{ $groupConfigs['groupLevels_group'] }}</p>
                <p>Total group levels for learning groups: {{ $groupConfigs['groupLevels_team'] }}</p>
                <p>Total learning Groups: {{ $groupConfigs['teams'] }}</p>
                <p>Total internal Groups: {{ $groupConfigs['internal_groups'] }}</p>
                <p>External Groups: {{ $groupConfigs['externalUser']['is_enabled'] ? 'yes' : 'Off' }},
                    Total:{{ $groupConfigs['external_groups'] }}
                    {{ json_encode($groupConfigs['externalUser']) }}
                </p>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>ENV</h4>

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">env</th>
                            <th scope="col">Val</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($envs as $key => $value)
                            <tr>
                                <td>{{ $key }}</td>
                                <td>{{ $value }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Test third party connectivity</h4>

            <div class="mt-4">
                <button class="btn btn-primary" id="testExternalConnectivity">Test now</button>
            </div>
            <div id="testExternalConnectivityOutput"></div>

            <br>
        </div>
    </div>


    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Jobs in queue</h4>
            <p class="text-secondary">Showing top 50 records.</p>
            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">ID</th>
                            <th scope="col">Queue</th>
                            <th scope="col">Added on</th>
                            <th scope="col">Job</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($queueJobs as $queueJob)
                            <tr>
                                <td class="text-nowrap">
                                    ****{{ substr(json_decode($queueJob->payload_summary, true)['uuid'], -5) }}
                                    <!-- {{ json_decode($queueJob->payload_summary, true)['uuid'] }} -->
                                </td>
                                <td>{{ $queueJob->queue }}</td>
                                <td class="text-nowrap">
                                    <span data-bs-toggle="tooltip" data-bs-placement="top"
                                        title="{{ \Carbon\Carbon::create($queueJob->created_at)->setTimezone(config('app.timezone'))->toDateTimeString() . ' ' . \Carbon\Carbon::now()->format('T') }}">
                                        {{ $queueJob->created_at }}
                                    </span>
                                </td>
                                <td>{{ json_decode($queueJob->payload_summary, true)['displayName'] }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3">No jobs in queue</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>


    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <h4>Failed jobs</h4>
            <p class="text-secondary">Showing top 50 recent records and similar errors count</p>

            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th scope="col">ID</th>
                            <th scope="col">Connection</th>
                            <th scope="col">Queue</th>
                            <th scope="col">Last failed at</th>
                            <th scope="col">Job</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($failedJobs as $failedJob)
                            <tr>
                                <td class="text-nowrap">
                                    ****{{ substr($failedJob->uuid, -5) }}
                                    <!-- {{ $failedJob->uuid }} -->
                                </td>
                                <td>{{ $failedJob->connection }}</td>
                                <td>{{ $failedJob->queue }}</td>
                                <td class="text-nowrap">
                                    <span data-bs-toggle="tooltip" data-bs-placement="top"
                                        title="{{ \Carbon\Carbon::create($failedJob->max_failed_at)->setTimezone(config('app.timezone'))->toDateTimeString() . ' ' . \Carbon\Carbon::now()->format('T') }}">
                                        {{ $failedJob->max_failed_at }}
                                    </span>
                                    <br>
                                    <small class="text-muted"> {{ $failedJob->count }} fails</small>
                                </td>
                                <td>{{ json_decode($failedJob->payload_summary, true)['displayName'] }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3">No failed jobs</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <br>
        </div>
    </div>

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-body p-4">
            <div class="row d-flex justify-content-between">
                <div class="col-auto">
                    <h4>Global search</h4>
                    <p class="text-secondary">It's OK to have mismatches between the indexed count and the database
                        records.
                    </p>
                </div>

                {{-- <div class="col-auto">
                    <div class="dropdown">
                        <button class="btn btn-light border dropdown-toggle btn-end" type="button"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            Actions
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end">
                            <li><a class="dropdown-item" href="#">Run permission seeder</a></li>
                            <li><a class="dropdown-item" href="#">Reset permission table</a></li>
                        </ul>
                    </div>
                </div> --}}
            </div>

            <div>
                @if ($globalSearch['error'])
                    <p class="text-danger">{{ $globalSearch['error'] }}</p>
                @endif
                <code>
                    <pre>{{ trim(implode("\n", $globalSearch['data'])) }}</pre>
                </code>
            </div>

            <br>

        </div>
    </div>
@endsection


@push('scripts')
    <script>
        const testExternalConnectivity = document.querySelector('#testExternalConnectivity');
        const testExternalConnectivityOutput = document.querySelector('#testExternalConnectivityOutput');
        let externalConnectivityAPIController = null;
        let runTest = 0;


        testExternalConnectivity.addEventListener('click', () => {

            testExternalConnectivity.classList.add('disabled', 'placeholder');


            externalConnectivityAPIController = new AbortController();
            const signal = externalConnectivityAPIController.signal;


            fetch(`{{ route('control-panel.testExternalConnectivity') }}?runTest=${runTest}&_=${Date.now()}`, {
                    signal,
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    },
                    body: JSON.stringify({
                        'data': {}
                    })
                })
                .then(res => res.json())
                .then(res => {
                    runTest = 1;
                    undotAPIController = null;
                    let printableHtml = '';

                    if (res.error) {
                        printableHtml = 'Error:' + res.error;
                    } else if (!res.data) {
                        printableHtml = JSON.stringify(res); // if error print full response
                    } else {

                        let printable = res.data;

                        printableHtml += `
                                <div class="printable mt-2">
                                <div class="table-responsive">
                                <table class="table bordered">
                                 <tr>
                                    <th style="width:10rem">Service</th>
                                    <th>Test</th>
                                </tr>
                            `;

                        Object.keys(printable).forEach((printableKey, index) => {

                            const trimmedHtml = printable[printableKey].toString().replace(/^\[|\]$/g,
                                '');

                            printableHtml += `
                                <tr>
                                    <td>${printableKey}</td>
                                    <td>${trimmedHtml}</td>
                                </tr>
                            `;
                        });

                        printableHtml += `</table>
                        </div>
                        </div>`;

                    }

                    testExternalConnectivityOutput.innerHTML = printableHtml;
                    testExternalConnectivity.classList.remove('disabled', 'placeholder');
                });
        });

        testExternalConnectivity.click(); // initial list load
    </script>
@endpush