GFMP | Sign Up



<!-- vendor css -->
<link rel="stylesheet" href="/static/assets/css/style.css">



<div class="auth-wrapper align-items-stretch aut-bg-img">
    <div class="flex-grow-1">
        <div class="h-100 d-md-flex align-items-center auth-side-img">
            <div class="col-sm-10 auth-content w-auto">
                <h1 class="text-white my-4">Welcome! Yours GFMP</h1>
                <h4 class="text-white font-weight-normal">
                    Sign up for an account!!!
                </h4>
            </div>
        </div>
        <div class="auth-side-form">
            <div class="auth-content">
                <!--<img src="/static/assets/images/auth/auth-logo-dark.png" alt="" class="img-fluid mb-4 d-block d-xl-none d-lg-none">-->
                <h3 class="mb-4 f-w-400">Sign Up</h3>
                <form action="/register/" class="select2-form password-form" method="POST">
                    <input type="hidden" name="csrfmiddlewaretoken" value="QXe4h8ELaytrHRDQ9FYui34pDg41F3Eu2LXHWiFm4qRXZcna68cm9vfcNLlTmJmi">
                    

<div id="div_id_first_name" class="form-group"> <label for="id_first_name" class=" requiredField">
                First name<span class="asteriskField">*</span> </label> <div> <input type="text" name="first_name" maxlength="64" class="textinput textInput form-control" required id="id_first_name"> </div> </div> <div id="div_id_last_name" class="form-group"> <label for="id_last_name" class=" requiredField">
                Last name<span class="asteriskField">*</span> </label> <div> <input type="text" name="last_name" maxlength="64" class="textinput textInput form-control" required id="id_last_name"> </div> </div> <div id="div_id_username" class="form-group"> <label for="id_username" class=" requiredField">
                Username<span class="asteriskField">*</span> </label> <div> <input type="text" name="username" maxlength="64" minlength="2" class="textinput textInput form-control" required id="id_username"> </div> </div> <div id="div_id_id_number" class="form-group"> <label for="id_id_number" class=" requiredField">
                Id number<span class="asteriskField">*</span> </label> <div> <input type="text" name="id_number" maxlength="64" minlength="2" class="textinput textInput form-control" required id="id_id_number"> </div> </div> <div id="div_id_email" class="form-group"> <label for="id_email" class=" requiredField">
                Email<span class="asteriskField">*</span> </label> <div> <input type="email" name="email" maxlength="320" class="emailinput form-control" required id="id_email"> </div> </div> <div id="div_id_password" class="form-group"> <label for="id_password" class=" requiredField">
                Password<span class="asteriskField">*</span> </label> <div> <input type="password" name="password" class="textinput textInput form-control" required id="id_password"> </div> </div> <div id="div_id_password_confirmation" class="form-group"> <label for="id_password_confirmation" class=" requiredField">
                Password confirmation<span class="asteriskField">*</span> </label> <div> <input type="password" name="password_confirmation" class="textinput textInput form-control" required id="id_password_confirmation"> </div> </div>

                    
                    <button type="submit" class="btn btn-block btn-success mb-4">Sign Up <i class="feather icon-user-plus"></i></button>
                </form>
                <div class="text-center">
                    <div class="saprator my-2"><span>OR</span></div>
                    
                    <p class="mb-2 mt-4 text-muted">Already have an account? <a href="/login/" class="f-w-400">Login</a></p>
                    <p class="mb-0 text-muted">Go to <a href="/" class="f-w-400">Home</a></p>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- Required Js -->
<script src="/static/assets/js/vendor-all.min.js"></script>
<script src="/static/assets/js/plugins/bootstrap.min.js"></script>
<script src="/static/assets/js/ripple.js"></script>
<script src="/static/assets/js/pcoded.min.js"></script>
<!-- select2 Js -->
<script src="/static/assets/js/plugins/select2.full.min.js"></script>
<script>
    $(document).ready(function () {
        $(".select2-form select").select2()
        $("form .dateinput").attr("type", "date")
    })
</script>