<!--

                              ==                                                                       
                              .*=                                                                      
                               .*-                                                                     
                                =*.                                                                    
               .++++-:          .*:                                                                    
               ++..:-+*+-.       *-                                                                    
               =*      :=*-      *- :+*+=:       .                                                     
               :*:       .++.   :*: *=..-*-    =***-                                                   
                ++     :-:.+*.  +*.-*:   *=   =*. :*+                                                  
                :*:   -*-+*+*- -*+*+:   -*.  =*:   .*=                                                 
                 *=   *=  .--.=*:       +* .+*:  .. +*                                                 
                 ++   =*-::-=*=. :===:  :+**=. -*++*+-                                                 
                :*=    :====-.  +*-:-**:       *+:-==-.                                                
               =*-             -*. -*=+*:      .=+=-:+*                                                
              :*-              =*  +*:=**=     :---..+*                                                
               -*+.   :=*****=-.*=  -=-.-**=-=*+=****=.                                                
             .:..+*  +*-... .:+*+*+-: .**=--=+*=+*:+*                                                  
           .**++++= =*..+*+*=. .-==== -****=   -**+*-         :-                                       
     .:--==+*:     .*- -*. .+*+=. .=**-   :*::+*+*+.         =*-                                       
  .-+*+=----+*+.   :*: -*:   ..=***=.:+*++*+.*+.-*:   ....:=*+.                                        
:+*=:         -*-   *=  -******- .==-:::---. :++=: -**++++=-.                                          
:-             :*:  =*.       :*-++:-=++===*+:==- =*:                                                  
               =*.   ++:       +*+   .:---:.-=-*+-*:                                                   
        :--==+*+:     -+*****+=::.:=**=--=+*+: +**:          .::.                  ..                  
      :*+=-::.               .-+**+-.       -*: :.       .--:...:=+-     .*#.    =-::-+: -=====##=====+
      *=         .:.                      .--*-         -*.        -#-    =*    +:     .       +*      
      *+       .+*=*=                    :*==-         -#           :%-   =*    *=             +*      
      :*=     .*+. -*.   -+**=.     :+**+.+*-          #=            +#   =*    :#+.           +*      
       :*+:. :*+   -*. .+*: .++     *= =*  .*+        :%:            -%:  =*     .+%+:         +*      
         :+**+-    =* .*+    -*:--: *= *+  :*=        :%-            :%:  =*       .=%+.       +*      
                   ++:*+     -**==*:-*.:***+-          #*            =#   =*         .**       +*      
                   :++-      =*. :*: ++  .             :#+          :#:   =*          :%       +*      
                             *= .*=  :*:                .**.       -*.    =*   .-     +-       +*      
                            .*- .*=::=*.                  :==-----=:     .+*.  .==---=:       .+*.     
                            .*-  .-===:                                                                
                             *=                                                                        
                             -*:                                                                       
                              -*-                                                                      
                               :+*.                                                                    
                                 -                                                                     

-->


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />

    <title>
      
Register
 | OIST EQuIP Unit Asset Manager
    </title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />

    <!-- Favicons -->
    <link href="/static/main_app/img/favicon.svg" rel="icon" />
    <link href="/static/main_app/img/icon.png" rel="apple-touch-icon" />

    <!-- Google Fonts -->
    <link href="https://fonts.gstatic.com" rel="preconnect" />
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
      rel="stylesheet"
    />

    <!-- Vendor CSS Files -->
    <link
      href="/static/common/vendor/bootstrap/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="/static/common/vendor/bootstrap-icons/bootstrap-icons.css"
      rel="stylesheet"
    />
    <link
      href="/static/main_app/vendor/boxicons/css/boxicons.min.css"
      rel="stylesheet"
    />
    <link
      href="/static/main_app/vendor/quill/quill.snow.css"
      rel="stylesheet"
    />
    <link
      href="/static/main_app/vendor/quill/quill.bubble.css"
      rel="stylesheet"
    />
    <link
      href="/static/main_app/vendor/remixicon/remixicon.css"
      rel="stylesheet"
    />
    <link
      href="/static/main_app/vendor/simple-datatables/style.css"
      rel="stylesheet"
    />

    <!-- Template Main CSS File -->
    <link href="/static/main_app/css/style.css" rel="stylesheet" />
    <link href="/static/main_app/css/custom.css" rel="stylesheet" />

    
    <!-- =======================================================
  * Template Name: NiceAdmin
  * Template URL: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/
  * Updated: Mar 17 2024 with Bootstrap v5.3.3
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
  </head>

  <body>
    
<main>
  <div class="container">
    <section
      class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4"
    >
      <div class="container">
        <div class="row justify-content-center">
          <div
            class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center"
          >
            <div class="d-flex justify-content-center py-4">
              <a
                href="/"
                class="logo d-flex align-items-center w-auto"
              >
                
                <span class="d-none d-lg-block"
                  >OIST EQuIP Unit Asset Manager</span
                >
              </a>
            </div>
            <!-- End Logo -->

            <div class="card mb-3">
              <div class="card-body">
<div class="pt-4 pb-2">
  <h5 class="card-title text-center pb-0 fs-4">Create an Account!</h5>
  <p class="text-center small"></p>
</div>

<form class="row g-3 needs-validation" method="POST">

  <input type="hidden" name="csrfmiddlewaretoken" value="dNlxwJBFV556qz0r4pGmSSUS0mi87ya4LaKfeHbGMCavIb7tpvkr4DDhY8l8RSI8">
  
  <div class="col-12">
    <label for="email" class="form-label">Email</label>
    <div class="input-group has-validation">
      <input type="email" name="email" maxlength="255" autofocus class="form-control form-control-user" placeholder="Mail Address" required id="id_email">
      <div class="invalid-feedback"></div>
    </div>
    
  </div>
  
  <div class="col-12">
    <label for="username" class="form-label">Username</label>
    <div class="input-group has-validation">
      <input type="text" name="username" maxlength="255" class="form-control form-control-user" placeholder="Username" id="id_username">
      <div class="invalid-feedback"></div>
    </div>
    
  </div>
  
  <div class="col-12">
    <label for="password1" class="form-label">Password</label>
    <div class="input-group has-validation">
      <input type="password" name="password1" autocomplete="new-password" class="form-control form-control-user" placeholder="Password" required id="id_password1">
      <div class="invalid-feedback"></div>
    </div>
    
  </div>
  
  <div class="col-12">
    <label for="password2" class="form-label">Password confirmation</label>
    <div class="input-group has-validation">
      <input type="password" name="password2" autocomplete="new-password" class="form-control form-control-user" placeholder="Retype Password" required id="id_password2">
      <div class="invalid-feedback"></div>
    </div>
    
  </div>
  
  
  <div class="col-12">
    <button class="btn btn-primary w-100" type="submit">Register Account</button>
  </div>

  <div class="col-12">
    <p class="small mb-1">Already have an account? <a href="/">Login</a></p>
    <p class="small mb-2">Forgot your password? <a href="/forgot-password/">Password Reset</a></p>
  </div>
  
</form>
</div>
            </div>

            <div class="credits">
              <!-- All the links in the footer should remain intact. -->
              <!-- You can delete the links only if you purchased the pro version. -->
              <!-- Licensing information: https://bootstrapmade.com/license/ -->
              <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
              Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</main>
<!-- End #main -->


    <a
      href="#"
      class="back-to-top d-flex align-items-center justify-content-center"
      ><i class="bi bi-arrow-up-short"></i
    ></a>

    <!-- Vendor JS Files -->
    <script src="/static/main_app/vendor/apexcharts/apexcharts.min.js"></script>
    <script src="/static/common/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/static/main_app/vendor/chart.js/chart.umd.js"></script>
    <script src="/static/main_app/vendor/echarts/echarts.min.js"></script>
    <script src="/static/main_app/vendor/quill/quill.min.js"></script>
    <script src="/static/main_app/vendor/simple-datatables/simple-datatables.js"></script>
    <script src="/static/main_app/vendor/tinymce/tinymce.min.js"></script>
    <script src="/static/main_app/vendor/php-email-form/validate.js"></script>

    <script
      src="https://code.jquery.com/jquery-3.7.1.min.js"
      integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
      crossorigin="anonymous"
    ></script>

    <!-- Template Main JS File -->
    <script src="/static/main_app/js/main.js"></script>

    <!-- Sentry -->
    <script
      src="https://browser.sentry-cdn.com/7.43.0/bundle.min.js"
      integrity="sha384-nASnwJ/aLYYxSnuPll+NeBLC1SGdBymMVblv5o5/kwAWxSGs9EmO3hOqA0he1F0+"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://browser.sentry-cdn.com/7.43.0/bundle.tracing.replay.min.js"
      integrity="sha384-qJoZJLcwide8dDeKIIX4wajKtYin0JS9BkhnKkYZFq7wjodFPrGa26iNIKUWghtp"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://js.sentry-cdn.com/b78e644b171445c2aae795a989b1fa1a.min.js"
      crossorigin="anonymous"
    ></script>

    
    <!-- Create Report -->
    <script>
      class UserReport extends Error {
        constructor(message) {
          super(message);
          this.name = "CreateReport";
        }
      }

      function CreateReport() {
        try {
          throw new UserReport('Create Report');
        } catch (e) {
          Sentry.captureMessage(e);
        }
      }

      
      Sentry.init({
        dsn: "https://b78e644b171445c2aae795a989b1fa1a@o4504756834336768.ingest.sentry.io/4505328616407040",
        beforeSend(event, hint) {
          // Check if it is an exception, and if so, show the report dialog
          if (event.exception) {
            Sentry.showReportDialog({
              eventId: event.event_id
            });
          }
          return event;
        },
      });
      
      
    </script>

    <script>
      const observer = new MutationObserver(() => {
        const wrapper = document.querySelector(".sentry-error-embed-wrapper");
        const modal = document.querySelector(".sentry-error-embed");

        if (wrapper && modal) {
          wrapper.addEventListener(
            "click",
            (e) => {
              if (!modal.contains(e.target)) {
                e.stopImmediatePropagation();
                e.preventDefault();
              }
            },
            true
          );

          observer.disconnect();
        }
      });

      observer.observe(document.body, { childList: true, subtree: true });
    </script>

    
  </body>
</html>