<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Meta, title, CSS, favicons, etc. -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title><?php echo e(config('app.name')); ?></title>
        <!-- Bootstrap core CSS -->
        <link href="<?php echo asset('assets/css/bootstrap.min.css'); ?>" rel="stylesheet">
        <link href="<?php echo asset('assets/css/gentelella_custom.css'); ?>" rel="stylesheet">
        <script src="<?php echo asset('assets/js/jquery.min.js') ?>"></script>
        <link href="<?php echo asset('assets/css/animate.min.css'); ?>" rel="stylesheet">
        <script src="<?php echo e(asset('assets/js/angular.js')); ?>" ></script>
        <script stype="text/javascript">
            var ngInstallApp = angular.module('ngInstallApp', [], function ($interpolateProvider)
            {
                $interpolateProvider.startSymbol('<%');
                $interpolateProvider.endSymbol('%>');
            });
            ngInstallApp.controller('ngInstallController', function ($scope) {
                $('#install-form').on('submit', function (e) {
                    e.preventDefault();
                    var FormData = $(this).serialize();
                    var AjaxLoaderInt='';
                    var percentage=10;
                    $.ajax({
                        url: "<?php echo e(route('InstallMigration')); ?>",
                        type: 'post',
                        data: FormData,
                        beforeSend:function(){
                            $('.ajaxLoader').show();
                            AjaxLoaderInt=setInterval(function(){
                                if(percentage<90)
                                {percentage=percentage+10;$('.ajaxLoader .progress .progress-bar').width(percentage+'%');}
                            },200);
                        },
                        success: function () {
                            $('#install-form')[0].reset();
                            $scope.$apply();
                            clearInterval('AjaxLoaderInt');
                            $('.ajaxLoader').hide();
                            window.location = '<?php echo e(route("login")); ?>'
                        },
                        error: function (installerrors) {
                            $scope.installerrors = installerrors.responseJSON;
                            $scope.$apply();
                            clearInterval('AjaxLoaderInt');
                            $('.ajaxLoader').hide();
                        }

                    });

                });

            });

        </script>

    </head>



    <body style="background:#F7F7F7;" ng-app="ngInstallApp" ng-controller="ngInstallController">



        <div class="">

            <a class="hiddenanchor" id="toregister"></a>

            <a class="hiddenanchor" id="tologin"></a>



            <div id="wrapper">

                <div id="login" class="animate form">

                    <section class="login_content">

                        <form name="install-form" id="install-form" method="POST" action="<?php echo route('InstallProcess'); ?>" data-parsley-validate >

                            <?php echo csrf_field(); ?>


                            <h1> Installation </h1>

                            <h2>Admin Account </h2>

                            <div>
                                <input type="text" class="form-control" name="username" placeholder="User Full Name" required="" />
                                <label class='danger alert-danger' ng-repeat='usernameError in installerrors.username' ng-bind='usernameError'></label>
                            </div>

                            <div>
                                <input type="email" class="form-control" name="email" placeholder="Email" required="" />
                                <label class='danger alert-danger' ng-repeat='usernameError in installerrors.username' ng-bind='usernameError'></label>
                            </div>
                            <div>
                                <input type="password" class="form-control" name="password" placeholder="Password" required="" />
                                <label class='danger alert-danger' ng-repeat='passwordError in installerrors.password' ng-bind='passwordError'></label>
                            </div>
                            <input type="hidden" name="roles" value="1" />
                            <div>
                                <button type="submit" class="btn btn-default submit">Submit</button>
                            </div>

                            <div class="clearfix"></div>

                            <div class="separator">

                                <div class="clearfix"></div>

                            </div>

                        </form>

                        <!-- form -->

                    </section>

                    <!-- content -->

                </div>





            </div>

        </div>
        <div class="ajaxLoader" style="display: none;width: 100%;background-color: white;position: fixed;z-index: 1000;height: 100%;top: 0px;opacity: 0.7;">
            <div class="progress progress-striped progress_wide" style="width: 40%;margin: 0 auto;top: 50%;">
                <div class="progress-bar progress-bar-success" data-transitiongoal="10" aria-valuenow="10" style="width: 10%;"></div>
            </div>
        </div>

    </body>

</html><?php /**PATH /var/www/html/AppBuilderV4/resources/views/install/InstallMigration.blade.php ENDPATH**/ ?>