<!DOCTYPE html>
<html lang="en">
    <!--begin::Head-->
    <head>
        <title>Install</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
        <link href="public/assets/css/plugins.bundle.css" rel="stylesheet" type="text/css" />
        <link href="public/assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
       
    </head>
    <!--end::Head-->
    <!--begin::Body-->
    <body id="kt_body" class="bg-body">
        <!--begin::Main-->
        <div class="d-flex flex-column flex-root">
            <!--begin::Authentication - Sign-in -->
            <div class="d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed" style="background-image: url(public/assets/images/14.png)">

                <!--begin::Content-->
                <div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
                 
                    <div class="w-lg-500px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
                        <!--begin::Form-->
                        <form class="form w-100" novalidate="novalidate" id="kt_sign_in_form" action="#">
                            <!--begin::Heading-->
                            <div class="text-center mb-10">
                                  <img alt="Logo" src="public/assets/images/logo.png" width="150" />
                            </div>
                            <div class="alert alert-danger" id="databse_error" style="display: none;color: black !important; font-weight: bold;"></div>
                            <div id="step1">
                                <div class="fv-row mb-10">
                                    <!--begin::Label-->
                                    <label class="form-label fs-6 fw-bolder text-white">Databse name</label>
                                    <input class="form-control form-control-lg form-control-solid" id="database_name" type="text" name="email" autocomplete="off" placeholder="Enter databse name" />
                                    <small class="text-danger" style="display: none;" id="databse_name_error">Database name is required </small>
                                </div>
                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark">Database username</label>
                                    <input class="form-control form-control-lg form-control-solid" id="database_username" type="text" name="email" autocomplete="off" placeholder="Enter databse username" />
                                    <small class="text-danger" style="display: none;" id="databse_username_error">Database username is required </small>
                                </div>
                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark">Database password</label>
                                    <input class="form-control form-control-lg form-control-solid" id="databse_password" type="text" name="email" autocomplete="off" placeholder="Enter databse password" />
                                    <small class="text-danger" style="display: none;" id="databse_password_error">Database password is required </small>
                                </div>

                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark">Enter  URl</label>
                                    <input class="form-control form-control-lg form-control-solid" id="base_url" type="text" name="base_url" autocomplete="off" placeholder="Enter UR" />
                                    <small class="text-danger" style="display: none;" id="databse_password_error">Database password is required </small>
                                </div>


                                
                            </div>
                            <div id="step2" style="display: none;">
                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark">Admin Username</label>
                                    <input class="form-control form-control-lg form-control-solid" id="username" type="text" name="email" autocomplete="off" placeholder="Enter Username" />
                                </div>
                                <div class="fv-row mb-10">
                                    <label class="form-label fs-6 fw-bolder text-dark">Password</label>
                                    <input class="form-control form-control-lg form-control-solid" id="password" type="text" name="email" autocomplete="off" placeholder="Enter Password" />
                                </div>
                            </div>
                            <!--end::Input group-->
                            <!--begin::Actions-->
                            <div class="text-center">
                                <button type="button" onclick="nextUser()" id="nextbutton" class="btn btn-lg btn-primary w-100 mb-5">
                                    <span class="indicator-label">Continue</span>
                                </button>
                                <button type="button" onclick="saveUser()" id="save_button" class="btn btn-lg btn-primary w-100 mb-5" style="display: none;">
                                    <span class="indicator-label">Create account</span>
                                </button>
                            </div>
                            <!--end::Actions-->
                        </form>
                        <!--end::Form-->
                    </div>
                    <!--end::Wrapper-->
                </div>
            </div>
            <!--end::Authentication - Sign-in-->
        </div>
        <!--end::Main-->
        <!--begin::Global Javascript Bundle(used by all pages)-->
        <script src="public/assets/plugins/global/plugins.bundle.js"></script>
        <script src="public/assets/js/scripts.bundle.js"></script>
        <script src="public/assets/functions/reg.js"></script>

       

        
    </body>
    <!--end::Body-->
</html>
