@extends('service::layouts.app_install', ['title' => __('service::install.admin_setup')])

@section('content')
    <div class="card-header">
        <h2>{{ __('service::install.admin_setup') }}</h2>
    </div>

    <div class="card-body text-center">
        <div class="hero-icon success">
            <div class="spinner"></div>
        </div>

        <p class="text-secondary" id="install-status-message">
            {{ __('We are installing your system. Please wait while the setup finishes.') }}
        </p>

        <p class="form-hint" id="install-status-hint">
            {{ __('Do not refresh or close this window until the setup is complete.') }}
        </p>
    </div>

    @push('js')
        <script>
            (function () {
                var statusUrl = '{{ route('service.install.status') }}';
                var doneUrl = '{{ route('service.done') }}';
                var userUrl = '{{ route('service.user') }}';
                var messageEl = document.getElementById('install-status-message');
                var hintEl = document.getElementById('install-status-hint');

                function pollStatus() {
                    fetch(statusUrl, {
                        headers: {
                            'Accept': 'application/json'
                        }
                    })
                    .then(function (response) {
                        return response.json();
                    })
                    .then(function (data) {
                        if (data.status === 'done') {
                            window.location.href = data.goto || doneUrl;
                            return;
                        }

                        if (data.status === 'failed') {
                            if (messageEl) {
                                messageEl.textContent = data.message || 'Installation failed.';
                            }
                            if (hintEl) {
                                hintEl.innerHTML = '<a href="' + userUrl + '">{{ __('Try again') }}</a>';
                            }
                            return;
                        }

                        setTimeout(pollStatus, 2000);
                    })
                    .catch(function () {
                        setTimeout(pollStatus, 3000);
                    });
                }

                pollStatus();
            })();
        </script>
    @endpush
@stop