@extends('layouts.install')

@section('content')
                <div>
                    <!-- Title -->
                    <h1 class="mb-2">Installing...</h1>
                    <form method="post" style="display: none" id="requestDbExtraction">
                        @csrf
                        <input type="text" name="proceed" id="" value="1">
                    </form>
                    <!-- Heading -->
                    <p class="text-secondary">Processing database installation and extraction... </p>
                </div>
<script>
    $(function () {
        $('#requestDbExtraction').submit(function (e) { 
            e.preventDefault();
            var formData = new FormData(this)
            $.ajax({
                type: "post",
                url: "{{route('extractDatabase')}}",
                data: formData,
                dataType: "json",
                contentType: false,
                processData: false,
                success: function (response) {
                    iziToast.success({
                        position: 'topRight',
                        message: response.success,
                    })
                    setTimeout(function () {
                        window.location.href = '/install/second';
                        }, 1000);
                }
            });
        });
        $('#requestDbExtraction').submit();
    });
</script>
@endsection