<form data-id="form-subprofile"
      class="needs-validation"
      novalidate>
  <div class="form-group">
    <label for="input-subprofile-name">
      Name
    </label>
    <input type="text"
           minlength="3"
           maxlength="32"
           data-id="input-subprofile-name"
           id="input-subprofile-name"
           class="form-control"
           value="<%= sp ? sp.name : '' %>"
           placeholder="Name Unterprofile"
           required />
    <div class="invalid-feedback">
      <%= _lc( 'VALIDATION_INPUT_REQUIRED' ) %>
    </div>
  </div>
  <div class="form-group">
    <label for="input-subprofile-name">
      Typ
    </label>
    <select class="form-control"
            name="new-subprofile-type"
            data-id="select-subprofile-type"
            id="select-subprofile-type">
      <option value="person"
              <%= ( sp && sp.type === 'person' ) ? 'selected="selected"' : '' %>>Person</option>
      <option value="child"
              <%= ( sp && sp.type === 'child' ) ? 'selected="selected"' : '' %>>Kind</option>
      <option value="dog"
              <%= ( sp && sp.type === 'dog' ) ? 'selected="selected"' : '' %>>Hund</option>
      <option value="cat"
              <%= ( sp && sp.type === 'cat' ) ? 'selected="selected"' : '' %>>Katze</option>
      <option value="horse"
              <%= ( sp && sp.type === 'horse' ) ? 'selected="selected"' : '' %>>Pferd</option>
      <option value="other"
              <%= ( sp && sp.type === 'other' ) ? 'selected="selected"' : '' %>>Anderes</option>
    </select>
    <div class="invalid-feedback">
      <%= _lc( 'VALIDATION_INPUT_REQUIRED' ) %>
    </div>
  </div>
</form>