<?php include '../database/connect.php'; ?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php echo $website_name ?> </title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <link rel="stylesheet" href="assets/css/libs.min.css">
    <link rel="stylesheet" href="assets/css/style.css?v=1.0.0">
</head>

<body class="" data-bs-spy="scroll" data-bs-target="#elements-section" data-bs-offset="0" tabindex="0">
    <!-- loader Start -->
    <div id="loading">
        <div class="loader simple-loader">
            <div class="loader-body"></div>
        </div>
    </div>
    <!-- loader END -->
    <div style="background-image: url('images/advantages-image-5.png')">
        <div class="wrapper">
            <section class="vh-100 bg-image">
                <div class="container h-100">
                    <div class="row justify-content-center h-100 align-items-center">
                        <div class="col-md-6 mt-5">
                            <div class="card">
                                <div class="card-body">
                                    <div class="auth-form">
                                        <h2 class="text-center mb-4">Sign Up</h2>
                                        <?php include '../database/register_script.php'; ?>
                                        <form action="" method="post">
                                          <?php echo $error; ?>

                                            <div class="row">
                                                <div class="col-md-6 mb-4">
                                                    <div class="form-floating mb-3">
                                                        <input type="text" name="firstname" class="form-control" id="firstName" placeholder="FirstName">
                                                        <label for="firstName">First Name</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 mb-4">
                                                    <div class="form-floating mb-3">
                                                        <input type="text" name="lastname" class="form-control" id="lastName" placeholder="lastName">
                                                        <label for="lastName">Last Name</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="row">
                                                <div class="col-md-12 mb-4">
                                                    <div class="form-floating mb-3">
                                                        <input type="email" name="email" class="form-control" id="floatingInput" placeholder="name@example.com">
                                                        <label for="floatingInput">Email</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6 mb-4">

                                                    <div class="form-floating mb-3">

                                                        <select name="currency" class="form-control" id="floatingIput">

                                                        <option>Select currency</option>
                                                        <option value="USD">USD</option>
                                                        <option value="EUR">EUR</option>
                                                        <option value="GBP">GBP</option>
                                                        <option value="YEN">YEN</option>
                                                        <option value="INR">INR</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 mb-4">
                                                    <div class="form-floating mb-3">
                                                        <input type="text" name="phone" class="form-control" id="phoneno" placeholder="phoneno">
                                                        <label for="phoneno">Phone no</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-6 mb-4">
                                                    <div class="form-floating mb-2">
                                                        <input type="password" name="password" class="form-control" id="Password" placeholder="Password">
                                                        <label for="Password">Password</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 mb-4">
                                                    <div class="form-floating mb-2">
                                                        <input type="password" name="confirmpassword" class="form-control" id="confirmpassword" placeholder="confirmpassword">
                                                        <label for="confirmpassword">Confirm-password</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-check d-flex justify-content-center mb-2">
                                                <input type="checkbox" class="form-check-input" id="agree" required>
                                                <label class="ms-1 form-check-label" for="agree">I agree with the <a href="CPTterms.pdf" target="__blank">terms of use</a></label>
                                            </div>
                                            <div class="text-center">
                                                <button type="submit" name="register" class="btn btn-primary">
                                                    Sign Up
                                                </button>
                                            </div>

                                        </div></form>
                                        <div class="new-account mt-3 text-center">
                                            <p>
                                                Already have an Account
                                                <a class="text-primary" href="signin.php">Sign
                                                    in</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <a href="index.php"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-left" viewbox="0 0 16 16">
  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"></path>
  <path fill-rule="evenodd" d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"></path>
</svg> return to home</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!-- Backend Bundle JavaScript -->
    <script src="assets/js/libs.min.js"></script>
    <!-- widgetchart JavaScript -->
    <script src="assets/js/charts/widgetcharts.js"></script>
    <!-- fslightbox JavaScript -->
    <script src="assets/js/fslightbox.js"></script>
    <!-- app JavaScript -->
    <script src="assets/js/app.js"></script>
    <!-- apexchart JavaScript -->
    <script src="assets/js/charts/apexcharts.js"></script>
</body>

</html>
