<form data-id="form-contract-assignment">
    <div class="form-group row">
        <label class="col-sm-2 col-form-label">
            Mitglied (ID)
        </label>
        <div class="col-sm-10">
            <input type="text"
                   class="form-control"
                   value="<%= profile.getName() %> (ID: <%= profile.id %>)"
                   disabled="disabled" />
            <input type="hidden"
                   name="profileId"
                   value="<%= profile.id %>"/>
        </div>
    </div>

    <div class="hr-line-dashed"></div>

    <div class="form-group row">
        <label class="col-sm-2 col-form-label">
            Vertrag
        </label>
        <div class="col-sm-10">
            <select name="selectedContractId"
                    class="form-control">
                <option value="-1">
                    Wiedervorlage
                </option>
                <% for ( let ci = 0; ci < contracts.length; ci++  ) {   %>
                    <option value="<%= contracts[ ci ].id %>"
                            <%= ( preselectedContractId && preselectedContractId == contracts[ ci ].id ) ? 'selected="selected"' : '' %>
                        >
                        <%= contracts[ ci ].name %>
                    </option>
                <% }    %>
            </select>
        </div>
    </div>
    <div class="form-group row">
        <label class="col-sm-2 col-form-label">
            Kontingent
        </label>
        <div class="col-sm-4">
            <input class="form-control"
                   type="text"
                   name="contractQuota"
                   disabled="disabled" />
        </div>
        <label class="col-sm-2 col-form-label">
            Laufzeit
        </label>
        <div class="col-sm-4">
            <input class="form-control"
                   type="text"
                   name="contractTimespan"
                   disabled="disabled" />
        </div>
    </div>

    <div class="form-group row">
        <label class="col-sm-2 col-form-label">
            Interne Notiz
        </label>
        <div class="col-sm-10">
            <textarea data-id="contractAdminNote"
                      disabled="disabled"
                      class="form-control"></textarea>
        </div>
    </div>

    <div class="hr-line-dashed"></div>

    <div class="form-group row">
        <div class="col-sm-12"
             data-id="container-dual-list">
            <select data-id="select-contract-appointments"
                    class="dual_select"
                    multiple>
            </select>
        </div>
    </div>
</form>