<?php
include "../Links/topLinks.php";
?>
<main class="my-5">

    <!-- <main> -->
    <div class="px-4 py-5 text-center">
        <img class="d-block mx-auto mb-5" src="../assets/images/R.png" alt="Unitree" />
        <h5>Sign Up</h5>
        <p>Welcome! Please setup your account</p>
    </div>
    <div class="col-md-8 mx-auto px-4">
        <div class="row">
            <div class="col-sm-6">
                <div class="mb-3 password-field-login w-100">
                    <label for="name" class="form-label login-email">Name</label>
                    <input type="text" name="name" class="form-control login-email-input w-100" id="name" />
                </div>
            </div>
            <div class="col-sm-6">
                <div class="mb-3 password-field-login w-100">
                    <label for="email" class="form-label login-email">Email</label>
                    <input type="email" name="email" class="form-control login-email-input w-100" id="email" />
                </div>
            </div>
            <div class="col-sm-6">
                <div class="mb-3 position-relative password-field-login w-100">
                    <label for="password" class="form-label login-email">Password</label>
                    <input type="password" class="form-control login-email-input w-100" id="password" />
                    <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-password position-absolute eye-login-icon" style="float: right" ;></span>
                    <!-- <a class="link-info forgot-password-login" href="" style="float: right">Forgot password?</a> -->
                </div>
            </div>

            <div class="col-sm-6">
                <div class="mb-3 position-relative password-field-login w-100">
                    <label for="cpassword" class="form-label login-email">Confirm password</label>
                    <input type="password" class="form-control login-email-input w-100" id="password2" />
                    <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-password2 position-absolute eye-login-icon" style="float: right" ;></span>
                    <!-- <a class="link-info forgot-password-login" href="" style="float: right">Forgot password?</a> -->
                </div>
            </div>

            <div class="col-sm-6">
                <div class="mb-3 position-relative password-field-login w-100">
                    <label for="cpassword" class="form-label login-email">Choose University</label>
                    <div class="select-menu form-control login-email-input w-100" name="category">
                        <div class="select box-signup">
                            <div class="select-serviceDetails">
                                <!-- <img src="../assets/images/quantity-icon-image.png" class="select-box-service-image shadow-none quantity-icon-image" alt="image"> -->
                                <span class="services-box-title select-uni-signup">Select University...</span>
                            </div>
                            <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                        </div>
                        <div class="options-list box-option-signup">
                            <div class="option">University of Oxford</div>
                            <div class="option">University College London</div>
                            <div class="option">The University of Manchester (UoM)</div>
                            <div class="option">University of Bristol</div>
                            <div class="option">University of Cambridge</div>
                            <div class="option">University of Birmingham</div>
                            <div class="option">University of St Andrews</div>
                            <div class="option">Durham University</div>
                            <div class="option">University of Bath</div>
                            <div class="option">University of Glasgow</div>
                            <div class="option">University of Southampton</div>
                            <div class="option">University of York</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <div class="mb-3 position-relative password-field-login w-100">
                    <label for="cpassword" class="form-label login-email">Choose Business type</label>
                    <div class="select-menu form-control login-email-input w-100" name="category">
                        <div class="select box-signup new">
                            <div class="select-serviceDetails">
                                <!-- <img src="../assets/images/quantity-icon-image.png" class="select-box-service-image shadow-none quantity-icon-image" alt="image"> -->
                                <span class="services-box-title select-uni-signup new">Select Business type...</span>
                            </div>
                            <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                        </div>
                        <div class="box-option-signup new">
                            <div class="option-new">Service Provider</div>
                            <div class="option-new">Business Owner</div>
                            <!-- <div class="option">Category 3</div> -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="new-event-btn mb-5">
        <a class="btn-href" href="./dashboard.php">
            <button class="btn add-new-event-btn place-order-btn login-btn">
                Sign up
            </button>
        </a>
        </div>
        </div>


        <div class="connection-logos-login" style="opacity: 0;">
            <div class="google-logo-login">
                <img src="../assets/images/flat-color-icons_google.png" class="google-logo-image" alt="logo">
            </div>
            <div class="google-logo-login">
                <img src="../assets/images/fa6-brands_apple.png" class="google-logo-image w-auto" alt="logo">
            </div>
            <div class="google-logo-login">
                <img src="../assets/images/logos_facebook.png" class="google-logo-image" alt="logo">
            </div>
        </div>
        <p class="text-center already-account-login-para pt-5">
        Already have an account? 
            <a class="link-info signup-login" href="./login.php">Sign In</a>
        </p>
    </div>
    <!-- </main> -->
</main>

<?php
include "../Links/bottomLinks.php";
?>

<?php
// include "../Links/headerbottom.php";
?>