<div class="form-group">
    <label>{{ localize "DND5E.AdvancementCustomTitle" }}</label>
    <div class="form-fields">
        <input type="text" name="title" value="{{ source.title }}" placeholder="{{ default.title }}">
    </div>
</div>

<div class="form-group">
    <label>{{ localize "DND5E.AdvancementCustomIcon" }}</label>
    <div class="form-fields">
        <file-picker type="image" name="icon" value="{{ source.icon }}" placeholder="{{ default.icon }}"></file-picker>
    </div>
</div>

{{#if showClassRestrictions}}
<div class="form-group">
    <label>{{ localize "DND5E.AdvancementClassRestriction" }}</label>
    <div class="form-fields">
        <select name="classRestriction">
            {{ selectOptions classRestrictionOptions selected=source.classRestriction}}
        </select>
    </div>
</div>
{{/if}}

{{#if showLevelSelector}}
<div class="form-group">
    <label>{{ localize "DND5E.Level" }}</label>
    <div class="form-fields">
        <select name="level" data-dtype="Number">
            {{ selectOptions levels selected=source.level }}
        </select>
    </div>
</div>
{{/if}}

<div class="form-group">
    <label>{{ localize "DND5E.AdvancementHint" }}</label>
    <div class="form-fields">
        <textarea name="hint" {{~#if default.hint}} placeholder="{{ default.hint }}"{{/if}}>{{ source.hint }}</textarea>
    </div>
</div>
