<?php $__env->startSection('content'); ?>
    <div class="progress-bar-container">
        <div class="progress-center-image">
            <a href="<?php echo route('home-page'); ?>" title="Click here to go Home Page">
                <img style="width:100px; height:100px;display:none;" id="imgHome" src="Content/images/logoglobe.png" />
            </a>
        </div>
        <div style="padding-top:100px;">
            <div><span id="spnLoading" class="spnLoading"></span></div>
            <div id="progressbar"></div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#progressbar").progressbar({
                value: 0
            });
            var value = $("#progressbar").progressbar("option", "value");
            $('#spnLoading').text('Loading... ' + value + '%');
            var interval = setInterval(function () {
                var value = $("#progressbar").progressbar("option", "value");
                $('#spnLoading').text('Loading... ' + value + '%');
                if (parseInt(value) == 100) {
                    $('#imgHome').show();
                    $('#spnLoading').hide();
                    $("#progressbar").hide();
                    clearInterval(interval);
                }
                $("#progressbar").progressbar("option", "value", value + 10);
                var value1 = $("#progressbar").progressbar("option", "value");
                $('#spnLoading').text('Loading... ' + value1 + '%');

            }, 1000);
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('front-layout.default', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>