@extends('layout.app')
@section('content')
    <div class="card mx-auto">
        <div class="d-flex justify-content-between align-items-center border p-2">
            <h1 class="card-title float-left mb-0">Duplicate Secrets</h1>
            <a href="{{ route('mikrotiks.index') }}" class="btn border">
                <span><i class="fa-solid fa-arrow-left"></i></span> Back
            </a>
        </div>
        <div class="card-body">
            <p class="mb-2" id="dupProgress">
                <i class="fa-solid fa-circle-notch fa-spin"></i>
                Reading secrets: <strong id="dupDone">0</strong> of {{ $nas->count() }} Mikrotiks checked
            </p>

            <div class="alert alert-danger d-none" id="dupFailed"></div>

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

@push('js')
    <script>
        (function() {
            var routers = @json($nas);
            var URL = "{{ route('mikrotiks.secret-names', ['id' => '__ID__']) }}";

            // lower-cased secret name => [{ router, name, profile, disabled }]
            var byName = {};
            var failed = [];
            var done = 0;

            function esc(value) {
                return $('<div>').text(value == null ? '' : String(value)).html();
            }

            function routerLabel(router) {
                return router.id + '. ' + (router.shortname || '') + ' (' + router.nasname + ')';
            }

            function load(router) {
                return fetch(URL.replace('__ID__', router.id), {
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest'
                        }
                    })
                    .then(function(r) {
                        return r.json();
                    })
                    .then(function(data) {
                        if (!data || data.error || !data.secrets) {
                            failed.push(router);
                            return;
                        }
                        data.secrets.forEach(function(secret) {
                            if (!secret.name) return;
                            var key = secret.name.toLowerCase();
                            (byName[key] = byName[key] || []).push({
                                router: router,
                                name: secret.name,
                                profile: secret.profile,
                                disabled: secret.disabled
                            });
                        });
                    })
                    .catch(function() {
                        failed.push(router);
                    })
                    .finally(function() {
                        done++;
                        $('#dupDone').text(done);
                    });
            }

            function render() {
                $('#dupProgress').html('<i class="fa-solid fa-circle-check text-success"></i> Checked ' +
                    routers.length + ' Mikrotiks.');

                if (failed.length) {
                    $('#dupFailed').removeClass('d-none').html(
                        '<strong>Could not read these Mikrotiks, so they are not in the check:</strong><br>' +
                        failed.map(function(router) {
                            return esc(routerLabel(router));
                        }).join('<br>'));
                }

                var duplicates = Object.keys(byName)
                    .filter(function(key) {
                        return byName[key].length > 1;
                    })
                    .sort();

                if (!duplicates.length) {
                    $('#dupResult').html(
                        '<div class="alert alert-success text-center mb-0">No duplicate secret found.</div>');
                    return;
                }

                var rows = duplicates.map(function(key, index) {
                    var items = byName[key];
                    var where = items.map(function(item) {
                        return '<div>' + esc(routerLabel(item.router)) +
                            ' <small class="text-muted">— ' + esc(item.profile) + '</small>' +
                            (item.disabled ? ' <span class="badge badge-warning">Disabled</span>' : '') +
                            '</div>';
                    }).join('');

                    return '<tr>' +
                        '<td>' + (index + 1) + '</td>' +
                        '<td>' + esc(items[0].name) + '</td>' +
                        '<td class="text-center">' + items.length + '</td>' +
                        '<td>' + where + '</td>' +
                        '</tr>';
                }).join('');

                $('#dupResult').html(
                    '<p class="mb-2"><strong>Total duplicate secrets:</strong> ' + duplicates.length + '</p>' +
                    '<table id="dupTable" class="table table-bordered table-sm">' +
                    '<thead style="background: #78716C !important;color:#FFFFFF;"><tr>' +
                    '<th>#</th><th>Secret</th><th class="text-center">Count</th><th>Mikrotiks (profile)</th>' +
                    '</tr></thead><tbody>' + rows + '</tbody></table>');

                $('#dupTable').DataTable({
                    pageLength: 25,
                    lengthMenu: [
                        [10, 25, 50, 100, -1],
                        [10, 25, 50, 100, 'All']
                    ]
                });
            }

            $(function() {
                if (!routers.length) {
                    render();
                    return;
                }

                // A few routers at a time so we don't open dozens of API sessions at once.
                var index = 0;
                var running = 0;

                function next() {
                    if (index >= routers.length) {
                        if (running === 0) render();
                        return;
                    }
                    var router = routers[index++];
                    running++;
                    load(router).finally(function() {
                        running--;
                        next();
                    });
                }

                for (var i = 0; i < 4 && i < routers.length; i++) {
                    next();
                }
            });
        })();
    </script>
@endpush