@extends('install.index')

@section('content')
        <div class="row justify-content-center ins-two">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <div class="panel panel-default ins-three" data-collapsed="0">
                        <!-- panel body -->
                        <div class="panel-body ins-four">
                            <p class="ins-four">
                                <strong>{{ __('Your database is successfully connected') }}</strong>. {{ __('All you need to do now is hit the ') }}
                                <strong>{{ __("'Install'") }}</strong> {{__('button')}}.
                                {{ __('The auto installer will run a sql file, will do all the tiresome works and set up your application automatically.') }}'
                            </p>
                            <br>
                            <div class="row">
                                <div class="col-md-12">
                                    <button type="button" id="install_button" class="btn btn-primary">
                                        {{ __('Install') }}
                                    </button>
                                    <div id="loader" class="ins-seven mt-2">
                                        {{ __('Importing database....') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        "use strict";

        $(document).ready(function() {
            $('#loader').hide();
            $('#install_button').on('click', function() {
                $('#loader').fadeIn();
                setTimeout(
                    function() {
                        window.location.href = "{{ route('confirm_install') }}";
                    }, 5000);
            });
        });
    </script>
@endsection