{% load static %} 

{% include "pxy_dashboard/partials/main.html" %}

<head>
{% include "pxy_dashboard/partials/title-meta.html" with title="Register" %}

{% include "pxy_dashboard/partials/head-css.html" %}
</head>

<body class="authentication-bg">

    {% include "pxy_dashboard/partials/background.html" %}

<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5 position-relative">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xxl-4 col-lg-5">
                <div class="card">
                    <!-- Logo-->
                    <div class="card-header pt-4 text-center">
                        <div class="auth-brand mb-0">
                            <a href="/" class="logo-dark">
                                <span><img src="{% static 'dashboard/images/logo-dark.png' %}" alt="dark logo" height="28"></span>
                            </a>
                            <a href="/" class="logo-light">
                                <span><img src="{% static 'dashboard/images/logo.png' %}" alt="logo" height="28"></span>
                            </a>
                        </div>
                    </div>

                    <div class="card-body p-4">
                        
                        <div class="text-center w-75 m-auto">
                            <h4 class="text-dark-50 text-center mt-0 fw-bold">Free Sign Up</h4>
                            <p class="text-muted mb-4">Don't have an account? Create your account, it takes less than a minute </p>
                        </div>

                        <form action="#">

                            <div class="mb-3">
                                <label for="fullname" class="form-label">Full Name</label>
                                <input class="form-control" type="text" id="fullname" placeholder="Enter your name" required>
                            </div>

                            <div class="mb-3">
                                <label for="emailaddress" class="form-label">Email address</label>
                                <input class="form-control" type="email" id="emailaddress" required placeholder="Enter your email">
                            </div>

                            <div class="mb-3">
                                <label for="password" class="form-label">Password</label>
                                <div class="input-group input-group-merge">
                                    <input type="password" id="password" class="form-control" placeholder="Enter your password">
                                    <div class="input-group-text" data-password="false">
                                        <span class="password-eye"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3">
                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="checkbox-signup">
                                    <label class="form-check-label" for="checkbox-signup">I accept <a href="#" class="text-muted">Terms and Conditions</a></label>
                                </div>
                            </div>

                            <div class="mb-3 text-center">
                                <button class="btn btn-primary" type="submit"> Sign Up </button>
                            </div>

                        </form>
                    </div> <!-- end card-body -->
                </div>
                <!-- end card -->

                <div class="row mt-3">
                    <div class="col-12 text-center">
                        <p class="text-white-50">Already have account? <a href="{% url 'login' %}" class="text-white ms-1 link-offset-3 text-decoration-underline"><b>Log In</b></a></p>
                    </div> <!-- end col-->
                </div>
                <!-- end row -->

            </div> <!-- end col -->
        </div>
        <!-- end row -->
    </div>
    <!-- end container -->
</div>
<!-- end page -->

<footer class="footer footer-alt">
    <span class="text-white-50"><script>document.write(new Date().getFullYear())</script> © Polisplexity - Coderthemes.com</span>
</footer>
{% include "pxy_dashboard/partials/footer-script.html" %}

{% block extra_js %} 
 <!-- App js -->
 <script src="{% static 'dashboard/js/app.min.js' %}"></script>
{% endblock extra_js %}



