@extends('layouts/basic')


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

    <div class="container-fluid">
        <div class="container p-5">
            <div class="row" style="display: flex; justify-content: center; margin-top: 150px;">
                <div class="col-md-6 ml-auto my-5">
                    <div class="card my-5">
                        <div class="card-body login-box-body lem-card">
                            <div class="text-center">
                                <h1>We're building your site.</h1>
                                <h5>Please wait while our robots build your website.</h5>
                                <p>It shouldn't take more than a minute.</p>
                                <button type="button" class="btn btn-primary"
                                    onclick="window.location.reload()">Reload</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @stop



    @push('js')

    <script nonce="{{ csrf_token() }}">
    
    let attempt = 0;
    const interval = setInterval(function() {
        $.ajax({
            type: 'GET',
            url: '{{ route('tenant.check', $domain) }}',
            headers: {
                "X-Requested-With": 'XMLHttpRequest',
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content')
            },
            dataType: 'json',
            success: function (response) {
               
                attempt = attempt + 1;
                console.log("attemp: "+attempt);
                if(response.success == true){
                    window.location.href = response.data;
                }else{
                    if(attempt == 4){
                        clearInterval(interval);
                    }   
                }
                
            },
            error: function (data) {
                console.log(data);
            },
        });
    }, 1000 * 15);

    </script>
    @endpush