{% extends "super_admin_templates/base.html" %}
{% set path = "staff" %}
{% set subpath = "staff_member" %}
{% block content %}
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Add Staff Member</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="/api/super_admin/dashboard">Home</a></li>
              <li class="breadcrumb-item active">Add Staff Member</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <!-- left column -->
          <div class="col-md-10">
            <!-- general form elements -->
            <div class="card card-primary">
              <center>
          {% if error %}
       <h2><b><center style="color:RED"> {{error}}</center></b></h2>
    {% endif %}
            </center>
              <form method="POST" action="/api/super_admin/add_staff_member" enctype="multipart/form-data" >
                <div class="card-body">
                  <div class="form-group">
                    <label>User Name</label>
                    <input type="text" class="form-control" name="userName" placeholder="Enter User Name">
                    <label>Email</label>
                    <input type="email" class="form-control"  name="email" placeholder="Enter your email">
                    <label>Password</label>
                    <input type="password" class="form-control" name="password" placeholder="Enter your password">

                    <label class="control-label" for="basicName">Select Roles</label>
                    <select class="form-control" name="roleId" id="roleId">
                    {%for each_role in rolesList%}
                      <option value="{{each_role.id}}">{{each_role.roleName}}</option>
                    {%endfor%}
                    </select>

                  </div>
                <!-- /.card-body -->
                <div>
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </form>
            </div>
            <!-- /.card -->
          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
            {%endblock%}