{##
 # @file usuarios_modal_info.html
 # Copyright (C) 2015 Pressa. All rights reserved.
 #}

<!-- START | USUARIOS MODAL INFO -->
<input type="hidden" id="usuarios-modal-id" value=""/>

<div class="form-group">
 <label for="usuarios-modal-username" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['username'] }}
 </label>
 <div class="col-sm-9">
  <input type="text" class="form-control" id="usuarios-modal-username"
         placeholder="{{ lang['dashboard']['usuarios']['modal']['username_placeholder'] }}"
         pattern="^[A-Za-z0-9]{4,12}$" minlength="4" maxlength="12"/>
  <small class="form-text text-muted">Solo letras y números. Mínimo 4, máximo 12 caracteres.</small>
 </div>
</div>

<div class="form-group">
 <label for="usuarios-modal-password" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['password'] }}
 </label>
 <div class="col-sm-9">
  <input type="password" class="form-control" id="usuarios-modal-password"
         placeholder="{{ lang['dashboard']['usuarios']['modal']['password_placeholder'] }}"/>
 </div>
</div>

<div class="form-group">
 <label for="usuarios-modal-email" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['email'] }}
 </label>
 <div class="col-sm-9">
  <input type="email" class="form-control" id="usuarios-modal-email"
         placeholder="{{ lang['dashboard']['usuarios']['modal']['email_placeholder'] }}"/>
 </div>
</div>

<div class="form-group">
 <label for="usuarios-modal-nombre" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['nombre'] }}
 </label>
 <div class="col-sm-9">
  <input type="text" class="form-control" id="usuarios-modal-nombre"
         placeholder="{{ lang['dashboard']['usuarios']['modal']['nombre_placeholder'] }}"/>
 </div>
</div>

<div class="form-group">
 <label for="usuarios-modal-apellido" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['apellido'] }}
 </label>
 <div class="col-sm-9">
  <input type="text" class="form-control" id="usuarios-modal-apellido"
         placeholder="{{ lang['dashboard']['usuarios']['modal']['apellido_placeholder'] }}"/>
 </div>
</div>

<div class="form-group">
 <label for="usuarios-modal-rol" class="col-sm-3 control-label">
  {{ lang['dashboard']['usuarios']['modal']['rol'] }}
 </label>
 <div class="col-sm-9">
  <select class="form-control" id="usuarios-modal-rol">
   <option value="OPERADOR">OPERADOR</option>
   <option value="ADMIN">ADMIN</option>
  </select>
 </div>
</div>
<!-- END | USUARIOS MODAL INFO -->