<section class="sheet-header">
    <div class="form-group">
        <label>{{localize 'MonksTokenBar.Experience'}}</label>
        <input type="text" id="assign-xp-value" style="text-align:right;flex:0 0 100px" value="{{xp}}" />
        <button type="button" class="recalculate" data-action="recalculate" title="{{localize 'MonksTokenBar.RecalculateXP'}}" style="flex: 0 0 30px; height: 30px;"><i class="fas fa-calculator"></i></button>
    </div>
    <div class="form-group">
        <label for="dividexp">{{localize 'MonksTokenBar.DivideExperience'}}</label>
        <select id="dividexp" name="dividexp">
            {{selectOptions divideXpOptions selected=dividexp localize=true}}
        </select>
    </div>
    <div class="form-group">
        <label>{{localize 'MonksTokenBar.Reason'}}</label>
        <input type="text" id="assign-xp-reason" value="{{reason}}" />
    </div>
</section>