<!doctype html>
<html prefix="og: http://ogp.me/ns#">
    <head>
    <% include ./partials/header.ejs %>
    <% include ./partials/nav.ejs %>
      <script src="submitter.js"></script>

            <link rel="icon" type="image/jpg" href="https://media.discordapp.net/attachments/506425178822279168/507496898823847936/dbr.png">
            <title>Certification Submission Form - Discord Bot Review</title>
    </head>
    <body>
        <noscript>
          <div class="alert alert-danger" role="alert">
            This website requires Javascript to work. Please enable Javascript or use a browser that supports Javascript.
          </div>
          </noscript>
        <div class="container">
        <h1>Apply <%= bot.users.get(botid).username %> for certification</h1><br>
          <h5>NOTE: read <a href= "/certification">requirements</a> before applying</h5><br>
        <b style="color:red !important;">Important note: All fields that has * is required!!!</b>
<!--         <center> -->
          <div class="card shadow-lg" style="width:50rem;background-color: #1f1f1f;">
          <form class="bg-dark-submit" action="/api/form/certsubmit" method="POST" id="form" enctype="application/x-www-form-urlencoded"><br><br>
      
            <br>
            <br>
            What do you think is "unique" about your bot (eg. unique features, etc.)? (100-10000 characters): <div style="color:red;display:inline-block;margin-bottom:0.5rem;">*</div>
            <p style="color:red;">
              NOTE: Provide description about what is unique about your bot, providing random and non-related description can result in automatic declining of your application.
            </p>
            <textarea class="txtarea" style="width:780px;height:300px" rows="1" id="desc" maxlength="10000" name="uniqueThings" required></textarea><br><br>
            Why do you think that the things mentioned above are unique to your bot? (80-300 characters): <div style="color:red;display:inline-block;margin-bottom:0.5rem;">*</div><br>
            <textarea class="txtarea" style="width:780px;height:200px" rows="1" id="desc" maxlength="300" name="uniqueReason" required></textarea><br><br>
            
            <input type="hidden" name="submitter_id" value="<%= req.user.id%>"><br><br>
             <input type="hidden" name="bot_id" value="<%= botid%>"><br><br>
            <input type="submit" value="submit" class="btn btn-primary hover-active-button" id="submit" onclick="prereqs()">
  
        </form>
        </div>
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
        <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
      </body>
</html>
