<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    New User
    <small>Create a new User</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="{{{url 'dashboard.v1'}}}"><i class="fa fa-dashboard"></i> Home</a></li>
    <li><a href="{{{url 'user.list'}}}">List</a></li>
    <li class="active">New User</li>
  </ol>
</section>
<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-md-6">
      <!-- Input addon -->
      <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">User Info</h3>
        </div>
        <!-- form -->
        <form action="{{{url 'user.create'}}}" method="post">
          <div class="box-body">
            <div class="form-group has-feedback">
              <input type="text" class="form-control" name="user[displayName]" placeholder="Display Name" required/>
              <span class="glyphicon glyphicon-user form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
              <input type="email" class="form-control" name="user[email]" placeholder="Email" required/>
              <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
              <input type="text" class="form-control" name="user[username]" placeholder="Username" required/>
              <span class="glyphicon glyphicon-user form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
              <input type="password" class="form-control" name="user[password]" placeholder="Password" required/>
              <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="form-group has-feedback">
              <input type="password" class="form-control" name="user[password2]" placeholder="Retype password" required/>
              <span class="glyphicon glyphicon-log-in form-control-feedback"></span>
            </div>
          </div>
          <!-- /.box-body -->
          <div class="box-footer">
            <button type="submit" class="btn btn-primary">Save</button>
            <button type="button" class="btn btn-default" onclick="location.href = '{{{url "user.list"}}}'">Cancel</button>
          </div>
          <!-- /.box-footer -->
        </form>
        <!-- /form -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col-md-6 -->
  </div>
  <!-- /.row -->
</section>
<!-- /.section -->