{% extends "index.html.twig" %}

{% block searchBtn %}{% endblock %}

{% block breadcrumb %}
    Snapshot Import
{% endblock %}

{% block sessiontimeout %}{% endblock %}

{% block body %}
    {% if envMode.isDev() == true %}
        <div class="alert alert-danger">
            <i class="fas fa-exclamation-triangle me-3"></i>
            Die Umgebung befindet sich derzeit im Development Zustand. Der Import wird bei längerer Laufzeit in einen
            Memory Overflow laufen. Stellen Sie die Umgebung auf Produktiv um damit der Import reibungslos funktioniert.
        </div>
    {% endif %}
    <div>
        <div class="snapshotimport-container">
            <div>
                <label>Topas ID um Snapshot neu zu importieren (Leer lassen um alle Snapshots zu aktualisieren)</label>
            </div>
            <div>
                <input class="importtopasid form-control" type="text" placeholder="Topas ID">
            </div>
            <div>
                <button class="btn btn-sm btn-primary snapshotimport noload mt-3" style="display:none">
                    Snapshot Import starten
                </button>
            </div>
        </div>
        <div class="progress-container" style="display:none">
            <span class="badge-progress">0</span> / <span class="count">0</span> aktive Topas Geräte abgearbeitet
        </div>
        <div class="d-flex justify-content-end">
            <a href="{{ path('snapshot_import_removeall') }}" class="btn btn-sm btn-danger text-white">
                <i class="fas fa-trash"></i>
                Alle Snapshots löschen
            </a>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        let badgeSize = 5;
        $(function () {
            $('.snapshotimport').show();
            $('.snapshotimport').on('click', function () {
                $(this).prop('disabled', true);
                let topasIDVal = $('.importtopasid').val();
                let topasID = topasIDVal.trim();
                $.get('{{ path('snapshot_import_tankcount') }}', {
                    topasID: topasID
                }).done(function (response) {
                    if (response.devicecount && response.devicecount > 0) {
                        $('.snapshotimport').hide();
                        $('.progress-container').show();
                        $('.count').html(response.devicecount);

                        if (response.devicecount > 0) {
                            badgeSnapshot(0, response.devicecount, topasID);
                        }
                    }
                })
            })
        });

        function badgeSnapshot(badgeCount, deviceCount, topasID) {
            $.post('{{ path('snapshot_import_badge') }}', {
                badgeCount: badgeCount,
                badgeSize : badgeSize,
                topasID   : topasID
            }).done(function (response) {
                if (response.success && response.success === true) {
                    badgeCount++;
                    let count = badgeCount * badgeSize;
                    let finish = false;
                    if (count >= deviceCount) {
                        finish = true;
                        count = deviceCount;
                    }
                    $('.badge-progress').html(count);
                    if (finish === false) {
                        badgeSnapshot(badgeCount, deviceCount, topasID);
                    }
                }
            });
        }
    </script>
{% endblock %}