probuddy-master/src/client/app/tmpl/appointment-form-edit.html

<h4>
    <a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a>&nbsp;<%= _lc( 'EDIT_APPOINTMENT' ) %>
    <%=raw app.core.View.getTemplate( 'gui-header-help-button' ) %>
</h4>
<% var mStart = a.getMomentStart(); %>
<% var mEnd = a.getMomentEnd(); %>
<% var mDeadline = a.getMomentDeadline(); %>
<% var mReject = a.getMomentDeadlineReject(); %>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <form data-id="form-appointment"
                  class="needs-validation"
                  novalidate>
                <div class="card-body">
                    <input type="hidden"
                           name="appointment-id"
                           value="<%= a.getId() %>" />

                    <% var mTeam = new app.model.Group( team ) %>
                    <input type="hidden"
                           name="team-id"
                           data-id="select-team-id"
                           value="<%= mTeam.getId() %>" />
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <div class="radio-icons" id="radio-icons">
                                    <p class="d-flex justify-content-between align-items-center">
                                        <%= _lc( 'APPOINTMENT_ICON' ) %>
                                        <i class="fas fa-chevron-down"></i>
                                    </p>
                                    <div class="radio-icons-inner">
                                        <label for="input-subject-icon">
                                            <input type="radio" <%= a.getIcon() === "" ? 'checked' : '' %> value="" name="categoryicon" id="input-subject-icon" />
                                            Ohne
                                        </label>
                                        <label for="input-subject-icon-wrench">
                                            <input type="radio" <%= a.getIcon() === "fa-wrench" ? 'checked' : '' %> value="fa-wrench" name="categoryicon" id="input-subject-icon-wrench" />
                                            <i class="fas fa-wrench"></i>
                                        </label>
                                        <label for="input-subject-icon-weight">
                                            <input type="radio" <%= a.getIcon() === "fa-weight" ? 'checked' : '' %> value="fa-weight" name="categoryicon" id="input-subject-icon-weight" />
                                            <i class="fas fa-weight"></i>
                                        </label>
                                        <label for="input-subject-icon-walking">
                                            <input type="radio" <%= a.getIcon() === "fa-walking" ? 'checked' : '' %> value="fa-walking" name="categoryicon" id="input-subject-icon-walking" />
                                            <i class="fas fa-walking"></i>
                                        </label>
                                        <label for="input-subject-icon-volume-up">
                                            <input type="radio" <%= a.getIcon() === "fa-volume-up" ? 'checked' : '' %> value="fa-volume-up" name="categoryicon" id="input-subject-icon-volume-up" />
                                            <i class="fas fa-volume-up"></i>
                                        </label>
                                        <label for="input-subject-icon-video">
                                            <input type="radio" <%= a.getIcon() === "fa-video" ? 'checked' : '' %> value="fa-video" name="categoryicon" id="input-subject-icon-video" />
                                            <i class="fas fa-video"></i>
                                        </label>
                                        <label for="input-subject-icon-utensils">
                                            <input type="radio" <%= a.getIcon() === "fa-utensils" ? 'checked' : '' %> value="fa-utensils" name="categoryicon" id="input-subject-icon-utensils" />
                                            <i class="fas fa-utensils"></i>
                                        </label>
                                        <label for="input-subject-icon-user-friends">
                                            <input type="radio" <%= a.getIcon() === "fa-user-friends" ? 'checked' : '' %> value="fa-user-friends" name="categoryicon" id="input-subject-icon-user-friends" />
                                            <i class="fas fa-user-friends"></i>
                                        </label>
                                        <label for="input-subject-icon-umbrella-beach">
                                            <input type="radio" <%= a.getIcon() === "fa-umbrella-beach" ? 'checked' : '' %> value="fa-umbrella-beach" name="categoryicon" id="input-subject-icon-umbrella-beach" />
                                            <i class="fas fa-umbrella-beach"></i>
                                        </label>
                                        <label for="input-subject-icon-trophy">
                                            <input type="radio" <%= a.getIcon() === "fa-trophy" ? 'checked' : '' %> value="fa-trophy" name="categoryicon" id="input-subject-icon-trophy" />
                                            <i class="fas fa-trophy"></i>
                                        </label>
                                        <label for="input-subject-icon-tree">
                                            <input type="radio" <%= a.getIcon() === "fa-tree" ? 'checked' : '' %> value="fa-tree" name="categoryicon" id="input-subject-icon-tree" />
                                            <i class="fas fa-tree"></i>
                                        </label>
                                        <label for="input-subject-icon-toolbox">
                                            <input type="radio" <%= a.getIcon() === "fa-toolbox" ? 'checked' : '' %> value="fa-toolbox" name="categoryicon" id="input-subject-icon-toolbox" />
                                            <i class="fas fa-toolbox"></i>
                                        </label>
                                        <label for="input-subject-icon-thumbtack">
                                            <input type="radio" <%= a.getIcon() === "fa-thumbtack" ? 'checked' : '' %> value="fa-thumbtack" name="categoryicon" id="input-subject-icon-thumbtack" />
                                            <i class="fas fa-thumbtack"></i>
                                        </label>
                                        <label for="input-subject-icon-tags">
                                            <input type="radio" <%= a.getIcon() === "fa-tags" ? 'checked' : '' %> value="fa-tags" name="categoryicon" id="input-subject-icon-tags" />
                                            <i class="fas fa-tags"></i>
                                        </label>
                                        <label for="input-subject-icon-tachometer-alt">
                                            <input type="radio" <%= a.getIcon() === "fa-tachometer-alt" ? 'checked' : '' %> value="fa-tachometer-alt" name="categoryicon" id="input-subject-icon-tachometer-alt" />
                                            <i class="fas fa-tachometer-alt"></i>
                                        </label>
                                        <label for="input-subject-icon-swimmer">
                                            <input type="radio" <%= a.getIcon() === "fa-swimmer" ? 'checked' : '' %> value="fa-swimmer" name="categoryicon" id="input-subject-icon-swimmer" />
                                            <i class="fas fa-swimmer"></i>
                                        </label>
                                        <label for="input-subject-icon-surprise">
                                            <input type="radio" <%= a.getIcon() === "fa-surprise" ? 'checked' : '' %> value="fa-surprise" name="categoryicon" id="input-subject-icon-surprise" />
                                            <i class="fas fa-surprise"></i>
                                        </label>
                                        <label for="input-subject-icon-street-view">
                                            <input type="radio" <%= a.getIcon() === "fa-street-view" ? 'checked' : '' %> value="fa-street-view" name="categoryicon" id="input-subject-icon-street-view" />
                                            <i class="fas fa-street-view"></i>
                                        </label>
                                        <label for="input-subject-icon-stopwatch">
                                            <input type="radio" <%= a.getIcon() === "fa-stopwatch" ? 'checked' : '' %> value="fa-stopwatch" name="categoryicon" id="input-subject-icon-stopwatch" />
                                            <i class="fas fa-stopwatch"></i>
                                        </label>
                                        <label for="input-subject-icon-star">
                                            <input type="radio" <%= a.getIcon() === "fa-star" ? 'checked' : '' %> value="fa-star" name="categoryicon" id="input-subject-icon-star" />
                                            <i class="fas fa-star"></i>
                                        </label>
                                        <label for="input-subject-icon-smile-wink">
                                            <input type="radio" <%= a.getIcon() === "fa-smile-wink" ? 'checked' : '' %> value="fa-smile-wink" name="categoryicon" id="input-subject-icon-smile-wink" />
                                            <i class="fas fa-smile-wink"></i>
                                        </label>
                                        <label for="input-subject-icon-shuttle-van">
                                            <input type="radio" <%= a.getIcon() === "fa-shuttle-van" ? 'checked' : '' %> value="fa-shuttle-van" name="categoryicon" id="input-subject-icon-shuttle-van" />
                                            <i class="fas fa-shuttle-van"></i>
                                        </label>
                                        <label for="input-subject-icon-shopping-cart">
                                            <input type="radio" <%= a.getIcon() === "fa-shopping-cart" ? 'checked' : '' %> value="fa-shopping-cart" name="categoryicon" id="input-subject-icon-shopping-cart" />
                                            <i class="fas fa-shopping-cart"></i>
                                        </label>
                                        <label for="input-subject-icon-running">
                                            <input type="radio" <%= a.getIcon() === "fa-running" ? 'checked' : '' %> value="fa-running" name="categoryicon" id="input-subject-icon-running" />
                                            <i class="fas fa-running"></i>
                                        </label>
                                        <label for="input-subject-icon-rocket">
                                            <input type="radio" <%= a.getIcon() === "fa-rocket" ? 'checked' : '' %> value="fa-rocket" name="categoryicon" id="input-subject-icon-rocket" />
                                            <i class="fas fa-rocket"></i>
                                        </label>
                                        <label for="input-subject-icon-recycle">
                                            <input type="radio" <%= a.getIcon() === "fa-recycle" ? 'checked' : '' %> value="fa-recycle" name="categoryicon" id="input-subject-icon-recycle" />
                                            <i class="fas fa-recycle"></i>
                                        </label>
                                        <label for="input-subject-icon-question-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-question-circle" ? 'checked' : '' %> value="fa-question-circle" name="categoryicon" id="input-subject-icon-question-circle" />
                                            <i class="fas fa-question-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-puzzle-piece">
                                            <input type="radio" <%= a.getIcon() === "fa-puzzle-piece" ? 'checked' : '' %> value="fa-puzzle-piece" name="categoryicon" id="input-subject-icon-puzzle-piece" />
                                            <i class="fas fa-puzzle-piece"></i>
                                        </label>
                                        <label for="input-subject-icon-poll">
                                            <input type="radio" <%= a.getIcon() === "fa-poll" ? 'checked' : '' %> value="fa-poll" name="categoryicon" id="input-subject-icon-poll" />
                                            <i class="fas fa-poll"></i>
                                        </label>
                                        <label for="input-subject-icon-plus-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-plus-circle" ? 'checked' : '' %> value="fa-plus-circle" name="categoryicon" id="input-subject-icon-plus-circle" />
                                            <i class="fas fa-plus-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-play-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-play-circle" ? 'checked' : '' %> value="fa-play-circle" name="categoryicon" id="input-subject-icon-play-circle" />
                                            <i class="fas fa-play-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-phone-square">
                                            <input type="radio" <%= a.getIcon() === "fa-phone-square" ? 'checked' : '' %> value="fa-phone-square" name="categoryicon" id="input-subject-icon-phone-square" />
                                            <i class="fas fa-phone-square"></i>
                                        </label>
                                        <label for="input-subject-icon-pepper-hot">
                                            <input type="radio" <%= a.getIcon() === "fa-pepper-hot" ? 'checked' : '' %> value="fa-pepper-hot" name="categoryicon" id="input-subject-icon-pepper-hot" />
                                            <i class="fas fa-pepper-hot"></i>
                                        </label>
                                        <label for="input-subject-icon-paw">
                                            <input type="radio" <%= a.getIcon() === "fa-paw" ? 'checked' : '' %> value="fa-paw" name="categoryicon" id="input-subject-icon-paw" />
                                            <i class="fas fa-paw"></i>
                                        </label>
                                        <label for="input-subject-icon-paper-plane">
                                            <input type="radio" <%= a.getIcon() === "fa-paper-plane" ? 'checked' : '' %> value="fa-paper-plane" name="categoryicon" id="input-subject-icon-paper-plane" />
                                            <i class="fas fa-paper-plane"></i>
                                        </label>
                                        <label for="input-subject-icon-motorcycle">
                                            <input type="radio" <%= a.getIcon() === "fa-motorcycle" ? 'checked' : '' %> value="fa-motorcycle" name="categoryicon" id="input-subject-icon-motorcycle" />
                                            <i class="fas fa-motorcycle"></i>
                                        </label>
                                        <label for="input-subject-icon-mobile">
                                            <input type="radio" <%= a.getIcon() === "fa-mobile" ? 'checked' : '' %> value="fa-mobile" name="categoryicon" id="input-subject-icon-mobile" />
                                            <i class="fas fa-mobile"></i>
                                        </label>
                                        <label for="input-subject-icon-medal">
                                            <input type="radio" <%= a.getIcon() === "fa-medal" ? 'checked' : '' %> value="fa-medal" name="categoryicon" id="input-subject-icon-medal" />
                                            <i class="fas fa-medal"></i>
                                        </label>
                                        <label for="input-subject-icon-map-signs">
                                            <input type="radio" <%= a.getIcon() === "fa-map-signs" ? 'checked' : '' %> value="fa-map-signs" name="categoryicon" id="input-subject-icon-map-signs" />
                                            <i class="fas fa-map-signs"></i>
                                        </label>
                                        <label for="input-subject-icon-map-marked">
                                            <input type="radio" <%= a.getIcon() === "fa-map-marked" ? 'checked' : '' %> value="fa-map-marked" name="categoryicon" id="input-subject-icon-map-marked" />
                                            <i class="fas fa-map-marked"></i>
                                        </label>
                                        <label for="input-subject-icon-male">
                                            <input type="radio" <%= a.getIcon() === "fa-male" ? 'checked' : '' %> value="fa-male" name="categoryicon" id="input-subject-icon-male" />
                                            <i class="fas fa-male"></i>
                                        </label>
                                        <label for="input-subject-icon-female">
                                            <input type="radio" <%= a.getIcon() === "fa-female" ? 'checked' : '' %> value="fa-female" name="categoryicon" id="input-subject-icon-female" />
                                            <i class="fas fa-female"></i>
                                        </label>
                                        <label for="input-subject-icon-magic">
                                            <input type="radio" <%= a.getIcon() === "fa-magic" ? 'checked' : '' %> value="fa-magic" name="categoryicon" id="input-subject-icon-magic" />
                                            <i class="fas fa-magic"></i>
                                        </label>
                                        <label for="input-subject-icon-lock">
                                            <input type="radio" <%= a.getIcon() === "fa-lock" ? 'checked' : '' %> value="fa-lock" name="categoryicon" id="input-subject-icon-lock" />
                                            <i class="fas fa-lock"></i>
                                        </label>
                                        <label for="input-subject-icon-lock-open">
                                            <input type="radio" <%= a.getIcon() === "fa-lock-open" ? 'checked' : '' %> value="fa-lock-open" name="categoryicon" id="input-subject-icon-lock-open" />
                                            <i class="fas fa-lock-open"></i>
                                        </label>
                                        <label for="input-subject-icon-laugh">
                                            <input type="radio" <%= a.getIcon() === "fa-laugh" ? 'checked' : '' %> value="fa-laugh" name="categoryicon" id="input-subject-icon-laugh" />
                                            <i class="fas fa-laugh"></i>
                                        </label>
                                        <label for="input-subject-icon-layer-group">
                                            <input type="radio" <%= a.getIcon() === "fa-layer-group" ? 'checked' : '' %> value="fa-layer-group" name="categoryicon" id="input-subject-icon-layer-group" />
                                            <i class="fas fa-layer-group"></i>
                                        </label>
                                        <label for="input-subject-icon-key">
                                            <input type="radio" <%= a.getIcon() === "fa-key" ? 'checked' : '' %> value="fa-key" name="categoryicon" id="input-subject-icon-key" />
                                            <i class="fas fa-key"></i>
                                        </label>
                                        <label for="input-subject-icon-info-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-info-circle" ? 'checked' : '' %> value="fa-info-circle" name="categoryicon" id="input-subject-icon-info-circle" />
                                            <i class="fas fa-info-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-horse">
                                            <input type="radio" <%= a.getIcon() === "fa-horse" ? 'checked' : '' %> value="fa-horse" name="categoryicon" id="input-subject-icon-horse" />
                                            <i class="fas fa-horse"></i>
                                        </label>
                                        <label for="input-subject-icon-home">
                                            <input type="radio" <%= a.getIcon() === "fa-home" ? 'checked' : '' %> value="fa-home" name="categoryicon" id="input-subject-icon-home" />
                                            <i class="fas fa-home"></i>
                                        </label>
                                        <label for="input-subject-icon-hiking">
                                            <input type="radio" <%= a.getIcon() === "fa-hiking" ? 'checked' : '' %> value="fa-hiking" name="categoryicon" id="input-subject-icon-hiking" />
                                            <i class="fas fa-hiking"></i>
                                        </label>
                                        <label for="input-subject-icon-heart">
                                            <input type="radio" <%= a.getIcon() === "fa-heart" ? 'checked' : '' %> value="fa-heart" name="categoryicon" id="input-subject-icon-heart" />
                                            <i class="fas fa-heart"></i>
                                        </label>
                                        <label for="input-subject-icon-helicopter">
                                            <input type="radio" <%= a.getIcon() === "fa-helicopter" ? 'checked' : '' %> value="fa-helicopter" name="categoryicon" id="input-subject-icon-helicopter" />
                                            <i class="fas fa-helicopter"></i>
                                        </label>
                                        <label for="input-subject-icon-handshake">
                                            <input type="radio" <%= a.getIcon() === "fa-handshake" ? 'checked' : '' %> value="fa-handshake" name="categoryicon" id="input-subject-icon-handshake" />
                                            <i class="fas fa-handshake"></i>
                                        </label>
                                        <label for="input-subject-icon-hand-holding-usc">
                                            <input type="radio" <%= a.getIcon() === "fa-hand-holding-usc" ? 'checked' : '' %> value="fa-hand-holding-usc" name="categoryicon" id="input-subject-icon-hand-holding-usc" />
                                            <i class="fas fa-hand-holding-usc"></i>
                                        </label>
                                        <label for="input-subject-icon-hand-holding-medical">
                                            <input type="radio" <%= a.getIcon() === "fa-hand-holding-medical" ? 'checked' : '' %> value="fa-hand-holding-medical" name="categoryicon" id="input-subject-icon-hand-holding-medical" />
                                            <i class="fas fa-hand-holding-medical"></i>
                                        </label>
                                        <label for="input-subject-icon-hand-holding-heart">
                                            <input type="radio" <%= a.getIcon() === "fa-hand-holding-heart" ? 'checked' : '' %> value="fa-hand-holding-heart" name="categoryicon" id="input-subject-icon-hand-holding-heart" />
                                            <i class="fas fa-hand-holding-heart"></i>
                                        </label>
                                        <label for="input-subject-icon-hammer">
                                            <input type="radio" <%= a.getIcon() === "fa-hammer" ? 'checked' : '' %> value="fa-hammer" name="categoryicon" id="input-subject-icon-hammer" />
                                            <i class="fas fa-hammer"></i>
                                        </label>
                                        <label for="input-subject-icon-globe">
                                            <input type="radio" <%= a.getIcon() === "fa-globe" ? 'checked' : '' %> value="fa-globe" name="categoryicon" id="input-subject-icon-globe" />
                                            <i class="fas fa-globe"></i>
                                        </label>
                                        <label for="input-subject-icon-glass-cheers">
                                            <input type="radio" <%= a.getIcon() === "fa-glass-cheers" ? 'checked' : '' %> value="fa-glass-cheers" name="categoryicon" id="input-subject-icon-glass-cheers" />
                                            <i class="fas fa-glass-cheers"></i>
                                        </label>
                                        <label for="input-subject-icon-ghost">
                                            <input type="radio" <%= a.getIcon() === "fa-ghost" ? 'checked' : '' %> value="fa-ghost" name="categoryicon" id="input-subject-icon-ghost" />
                                            <i class="fas fa-ghost"></i>
                                        </label>
                                        <label for="input-subject-icon-futbol">
                                            <input type="radio" <%= a.getIcon() === "fa-futbol" ? 'checked' : '' %> value="fa-futbol" name="categoryicon" id="input-subject-icon-futbol" />
                                            <i class="fas fa-futbol"></i>
                                        </label>
                                        <label for="input-subject-icon-fish">
                                            <input type="radio" <%= a.getIcon() === "fa-fish" ? 'checked' : '' %> value="fa-fish" name="categoryicon" id="input-subject-icon-fish" />
                                            <i class="fas fa-fish"></i>
                                        </label>
                                        <label for="input-subject-icon-fire-alt">
                                            <input type="radio" <%= a.getIcon() === "fa-fire-alt" ? 'checked' : '' %> value="fa-fire-alt" name="categoryicon" id="input-subject-icon-fire-alt" />
                                            <i class="fas fa-fire-alt"></i>
                                        </label>
                                        <label for="input-subject-icon-fan">
                                            <input type="radio" <%= a.getIcon() === "fa-fan" ? 'checked' : '' %> value="fa-fan" name="categoryicon" id="input-subject-icon-fan" />
                                            <i class="fas fa-fan"></i>
                                        </label>
                                        <label for="input-subject-icon-eye">
                                            <input type="radio" <%= a.getIcon() === "fa-eye" ? 'checked' : '' %> value="fa-eye" name="categoryicon" id="input-subject-icon-eye" />
                                            <i class="fas fa-eye"></i>
                                        </label>
                                        <label for="input-subject-icon-exclamation-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-exclamation-circle" ? 'checked' : '' %> value="fa-exclamation-circle" name="categoryicon" id="input-subject-icon-exclamation-circle" />
                                            <i class="fas fa-exclamation-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-euro-sign">
                                            <input type="radio" <%= a.getIcon() === "fa-euro-sign" ? 'checked' : '' %> value="fa-euro-sign" name="categoryicon" id="input-subject-icon-euro-sign" />
                                            <i class="fas fa-euro-sign"></i>
                                        </label>
                                        <label for="input-subject-icon-envelope">
                                            <input type="radio" <%= a.getIcon() === "fa-envelope" ? 'checked' : '' %> value="fa-envelope" name="categoryicon" id="input-subject-icon-envelope" />
                                            <i class="fas fa-envelope"></i>
                                        </label>
                                        <label for="input-subject-icon-dot-circle">
                                            <input type="radio" <%= a.getIcon() === "fa-dot-circle" ? 'checked' : '' %> value="fa-dot-circle" name="categoryicon" id="input-subject-icon-dot-circle" />
                                            <i class="fas fa-dot-circle"></i>
                                        </label>
                                        <label for="input-subject-icon-dollar-sign">
                                            <input type="radio" <%= a.getIcon() === "fa-dollar-sign" ? 'checked' : '' %> value="fa-dollar-sign" name="categoryicon" id="input-subject-icon-dollar-sign" />
                                            <i class="fas fa-dollar-sign"></i>
                                        </label>
                                        <label for="input-subject-icon-dog">
                                            <input type="radio" <%= a.getIcon() === "fa-dog" ? 'checked' : '' %> value="fa-dog" name="categoryicon" id="input-subject-icon-dog" />
                                            <i class="fas fa-dog"></i>
                                        </label>
                                        <label for="input-subject-icon-directions">
                                            <input type="radio" <%= a.getIcon() === "fa-directions" ? 'checked' : '' %> value="fa-directions" name="categoryicon" id="input-subject-icon-directions" />
                                            <i class="fas fa-directions"></i>
                                        </label>
                                        <label for="input-subject-icon-concierge-bell">
                                            <input type="radio" <%= a.getIcon() === "fa-concierge-bell" ? 'checked' : '' %> value="fa-concierge-bell" name="categoryicon" id="input-subject-icon-concierge-bell" />
                                            <i class="fas fa-concierge-bell"></i>
                                        </label>
                                        <label for="input-subject-icon-compass">
                                            <input type="radio" <%= a.getIcon() === "fa-compass" ? 'checked' : '' %> value="fa-compass" name="categoryicon" id="input-subject-icon-compass" />
                                            <i class="fas fa-compass"></i>
                                        </label>
                                        <label for="input-subject-icon-comments">
                                            <input type="radio" <%= a.getIcon() === "fa-comments" ? 'checked' : '' %> value="fa-comments" name="categoryicon" id="input-subject-icon-comments" />
                                            <i class="fas fa-comments"></i>
                                        </label>
                                        <label for="input-subject-icon-coffee">
                                            <input type="radio" <%= a.getIcon() === "fa-coffee" ? 'checked' : '' %> value="fa-coffee" name="categoryicon" id="input-subject-icon-coffee" />
                                            <i class="fas fa-coffee"></i>
                                        </label>
                                        <label for="input-subject-icon-cloud">
                                            <input type="radio" <%= a.getIcon() === "fa-cloud" ? 'checked' : '' %> value="fa-cloud" name="categoryicon" id="input-subject-icon-cloud" />
                                            <i class="fas fa-cloud"></i>
                                        </label>
                                        <label for="input-subject-icon-child">
                                            <input type="radio" <%= a.getIcon() === "fa-child" ? 'checked' : '' %> value="fa-child" name="categoryicon" id="input-subject-icon-child" />
                                            <i class="fas fa-child"></i>
                                        </label>
                                        <label for="input-subject-icon-cat">
                                            <input type="radio" <%= a.getIcon() === "fa-cat" ? 'checked' : '' %> value="fa-cat" name="categoryicon" id="input-subject-icon-cat" />
                                            <i class="fas fa-cat"></i>
                                        </label>
                                        <label for="input-subject-icon-certificate">
                                            <input type="radio" <%= a.getIcon() === "fa-certificate" ? 'checked' : '' %> value="fa-certificate" name="categoryicon" id="input-subject-icon-certificate" />
                                            <i class="fas fa-certificate"></i>
                                        </label>
                                        <label for="input-subject-icon-car">
                                            <input type="radio" <%= a.getIcon() === "fa-car" ? 'checked' : '' %> value="fa-car" name="categoryicon" id="input-subject-icon-car" />
                                            <i class="fas fa-car"></i>
                                        </label>
                                        <label for="input-subject-icon-calendar-alt">
                                            <input type="radio" <%= a.getIcon() === "fa-calendar-alt" ? 'checked' : '' %> value="fa-calendar-alt" name="categoryicon" id="input-subject-icon-calendar-alt" />
                                            <i class="fas fa-calendar-alt"></i>
                                        </label>
                                        <label for="input-subject-icon-bus">
                                            <input type="radio" <%= a.getIcon() === "fa-bus" ? 'checked' : '' %> value="fa-bus" name="categoryicon" id="input-subject-icon-bus" />
                                            <i class="fas fa-bus"></i>
                                        </label>
                                        <label for="input-subject-icon-bullhorn">
                                            <input type="radio" <%= a.getIcon() === "fa-bullhorn" ? 'checked' : '' %> value="fa-bullhorn" name="categoryicon" id="input-subject-icon-bullhorn" />
                                            <i class="fas fa-bullhorn"></i>
                                        </label>
                                        <label for="input-subject-icon-bookmark">
                                            <input type="radio" <%= a.getIcon() === "fa-bookmark" ? 'checked' : '' %> value="fa-bookmark" name="categoryicon" id="input-subject-icon-bookmark" />
                                            <i class="fas fa-bookmark"></i>
                                        </label>
                                        <label for="input-subject-icon-bolt">
                                            <input type="radio" <%= a.getIcon() === "fa-bolt" ? 'checked' : '' %> value="fa-bolt" name="categoryicon" id="input-subject-icon-bolt" />
                                            <i class="fas fa-bolt"></i>
                                        </label>
                                        <label for="input-subject-icon-biking">
                                            <input type="radio" <%= a.getIcon() === "fa-biking" ? 'checked' : '' %> value="fa-biking" name="categoryicon" id="input-subject-icon-biking" />
                                            <i class="fas fa-biking"></i>
                                        </label>
                                        <label for="input-subject-icon-baby-carriage">
                                            <input type="radio" <%= a.getIcon() === "fa-baby-carriage" ? 'checked' : '' %> value="fa-baby-carriage" name="categoryicon" id="input-subject-icon-baby-carriage" />
                                            <i class="fas fa-baby-carriage"></i>
                                        </label>
                                        <label for="input-subject-icon-award">
                                            <input type="radio" <%= a.getIcon() === "fa-award" ? 'checked' : '' %> value="fa-award" name="categoryicon" id="input-subject-icon-award" />
                                            <i class="fas fa-award"></i>
                                        </label>
                                        <label for="input-subject-icon-arrow-alt-circle-up">
                                            <input type="radio" <%= a.getIcon() === "fa-arrow-alt-circle-up" ? 'checked' : '' %> value="fa-arrow-alt-circle-up" name="categoryicon" id="input-subject-icon-arrow-alt-circle-up" />
                                            <i class="fas fa-arrow-alt-circle-up"></i>
                                        </label>
                                        <label for="input-subject-icon-arrow-alt-circle-down">
                                            <input type="radio" <%= a.getIcon() === "fa-arrow-alt-circle-down" ? 'checked' : '' %> value="fa-arrow-alt-circle-down" name="categoryicon" id="input-subject-icon-arrow-alt-circle-down" />
                                            <i class="fas fa-arrow-alt-circle-down"></i>
                                        </label>
                                        <label for="input-subject-icon-arrow-alt-circle-right">
                                            <input type="radio" <%= a.getIcon() === "fa-arrow-alt-circle-right" ? 'checked' : '' %> value="fa-arrow-alt-circle-right" name="categoryicon" id="input-subject-icon-arrow-alt-circle-right" />
                                            <i class="fas fa-arrow-alt-circle-right"></i>
                                        </label>
                                        <label for="input-subject-icon-arrow-alt-circle-left">
                                            <input type="radio" <%= a.getIcon() === "fa-arrow-alt-circle-left" ? 'checked' : '' %> value="fa-arrow-alt-circle-left" name="categoryicon" id="input-subject-icon-arrow-alt-circle-left" />
                                            <i class="fas fa-arrow-alt-circle-left"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-subject">
                                    <%= _lc( 'APPOINTMENT_SUBJECT' ) %>
                                </label>
                                <input type="text"
                                       minlength="3"
                                       maxlength="255"
                                       name="subject"
                                       data-id="input-subject"
                                       id="input-subject"
                                       class="form-control"
                                       value="<%= a.getSubject() %>"
                                       autocomplete="off"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_INPUT_REQUIRED' ) %>
                                </div>
                            </div>
                        </div>

                    </div>

                    <% var categories = mTeam.getAdminCourseCategoriesForProfile( currentProfile ); %>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="select-category-<%= mTeam.getId() %>">
                                    <%= _lc( 'APPOINTMENT_CATEGORY' ) %> - <small><a href="/#/course/categories/<%= mTeam.getId() %>" style="text-decoration: underline">Zur Kursverwaltung</a></small>
                                </label>
                                <select class="form-control"
                                        name="category"
                                        multiple="multiple"
                                        required="required"
                                        size="<%= ~~Math.min( 4, categories.length ) %>"
                                        data-id="select-category-<%= mTeam.getId() %>"
                                        id="select-category-<%= mTeam.getId() %>">
                                    <% var categoryIds = a.getCategoryIds(); %>
                                    <% for ( var ci = 0; ci < categories.length; ci++ ) {    %>
                                        <option value="<%= categories[ ci ].id %>"
                                                <%= ( -1 < categoryIds.indexOf( categories[ ci ].id ) ) ? 'selected="selected"' : '' %>
                                        ><%= categories[ ci ].name %></option>
                                    <% }    %>
                                </select>
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_SELECT_AT_LEAST_ONE_CATEGORY' ) %>
                                </div>
                            </div>
                        </div>
                        <%=raw app.core.View.getTemplate( 'gui-form-help', { help : _lc( 'FORMHELP_APPOINTMENT_CATEGORY' ) } ) %>
                        <% if ( 0 === categories.length )   {   %>
                        <div class="alert alert-warning" role="alert">
                            <%= _lc( 'APPOINTMENT_CATEGORIES_MISSING_FOR_ADMIN' ) %>
                        </div>
                        <% }    %>
                    </div>

                    <div class="form-group">
                        <label><%= _lc( 'APPOINTMENT_VISIBLE_FOR' ) %></label><br />
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio"
                                   id="input-visibility-all"
                                   data-id="input-visibility-all"
                                   name="input-visibility"
                                   value="visibility-all"
                                   class="custom-control-input"
                                   <%= a.getVisibility() === 'ALL' ? 'checked="checked"' : '' %>
                            >
                            <label class="custom-control-label"
                                   for="input-visibility-all"><%= _lc( 'APPOINTMENT_VISIBLE_FOR_ALL' ) %></label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                            <input type="radio"
                                   id="input-visibility-category_only"
                                   data-id="input-visibility-category_only"
                                   name="input-visibility"
                                   value="visibility-category-only"
                                   class="custom-control-input"
                                   <%= a.getVisibility() === 'CATEGORIES' ? 'checked="checked"' : '' %>
                            >
                            <label class="custom-control-label"
                                   for="input-visibility-category_only"><%= _lc( 'APPOINTMENT_VISIBLE_FOR_CATEGORY_ONLY' ) %></label>
                        </div>
                        <div data-id="max-bookers" style="display: none">
                            <small>
                                <em><i class="fas fa-info-circle"></i> <%= _lc( 'MAX_BOOKERS' ) %>: <span data-id="span-max-bookers">0</span></em>
                            </small>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-start-date">
                                    <%= _lc( 'APPOINTMENT_START_DATE' ) %>
                                </label>
                                <input type="date"
                                       id="input-start-date"
                                       data-id="input-start-date"
                                       name="start-date"
                                       class="form-control"
                                       value="<%= mStart.format( 'YYYY-MM-DD' ) %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_APPOINTMENT_STARTTIME_CANNOT_BE_IN_PAST' ) %>
                                </div>
                            </div>
                            <div class="col">
                                <label for="input-start-time">
                                    <%= _lc( 'APPOINTMENT_START_TIME' ) %>
                                </label>
                                <input type="time"
                                       id="input-start-time"
                                       data-id="input-start-time"
                                       name="start-time"
                                       value="<%= mStart.format( 'HH:mm' ) %>"
                                       class="form-control"
                                       required />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-end-date">
                                    <%= _lc( 'APPOINTMENT_END_DATE' ) %>
                                </label>
                                <input type="date"
                                       id="input-end-date"
                                       data-id="input-end-date"
                                       name="end-date"
                                       class="form-control"
                                       value="<%= mEnd.format( 'YYYY-MM-DD' ) %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_APPOINTMENT_ENDTIME_CANNOT_BE_BEFORE_STARTTIME' ) %>
                                </div>
                            </div>
                            <div class="col">
                                <label for="input-end-time">
                                    <%= _lc( 'APPOINTMENT_END_TIME' ) %>
                                </label>
                                <input type="time"
                                       id="input-end-time"
                                       data-id="input-end-time"
                                       name="end-time"
                                       value="<%= mEnd.format( 'HH:mm' ) %>"
                                       class="form-control"
                                       required />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-deadline-date">
                                    <%= _lc( 'APPOINTMENT_DEADLINE_DATE' ) %>
                                </label>
                                <input type="date"
                                       id="input-deadline-date"
                                       data-id="input-deadline-date"
                                       name="deadline-date"
                                       class="form-control"
                                       value="<%= mDeadline.format( 'YYYY-MM-DD' ) %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_APPOINTMENT_DEADLINE_CANNOT_BE_AFTER_STARTTIME' ) %>
                                </div>
                            </div>
                            <div class="col">
                                <label for="input-end-time">
                                    <%= _lc( 'APPOINTMENT_DEADLINE_TIME' ) %>
                                </label>
                                <input type="time"
                                       id="input-deadline-time"
                                       data-id="input-deadline-time"
                                       name="deadline-time"
                                       value="<%= mDeadline.format( 'HH:mm' ) %>"
                                       class="form-control"
                                       required />
                            </div>
                        </div>
                        <%=raw app.core.View.getTemplate( 'gui-form-help', { help : _lc( 'FORMHELP_APPOINTMENT_DEADLINE' ) } ) %>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-deadline-reject-date">
                                    <%= _lc( 'APPOINTMENT_DEADLINE_REJECT_DATE' ) %>
                                </label>
                                <input type="date"
                                       id="input-deadline-reject-date"
                                       data-id="input-deadline-reject-date"
                                       name="deadline-date"
                                       class="form-control"
                                       value="<%= mReject.format( 'YYYY-MM-DD' ) %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'GENERAL_VALIDATION_REQUIRED' ) %>
                                </div>
                            </div>
                            <div class="col">
                                <label for="input-deadline-reject-time">
                                    <%= _lc( 'APPOINTMENT_DEADLINE_REJECT_TIME' ) %>
                                </label>
                                <input type="time"
                                       id="input-deadline-reject-time"
                                       data-id="input-deadline-reject-time"
                                       name="deadline-time"
                                       value="<%= mReject.format( 'HH:mm' ) %>"
                                       class="form-control"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'GENERAL_VALIDATION_REQUIRED' ) %>
                                </div>
                            </div>
                        </div>
                        <%=raw app.core.View.getTemplate( 'gui-form-help', { help : _lc( 'FORMHELP_APPOINTMENT_DEADLINE_REJECT' ) } ) %>
                    </div>
                    <div class="form-group">
                        <label for="input-location">
                            <%= _lc( 'APPOINTMENT_LOCATION' ) %>
                        </label>
                        <input type="text"
                               maxlength="256"
                               data-id="input-location"
                               id="input-location"
                               autocomplete="off"
                               value="<%= a.getLocation() ? a.getLocation() : '' %>"
                               class="form-control" />
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <!--
                            <div class="col">
                                <label for="select-min-attendee">
                                    <%= _lc( 'APPOINTMENT_MIN_ATTENDEE' ) %>
                                </label>
                                <select class="form-control"
                                        name="min-attendee"
                                        data-id="select-min-attendee"
                                        id="select-min-attendee">
                                    <option value="0"><%= _lc( 'DOESNT_MATTER' ) %></option>
                                    <% for ( var ma = 1; ma <= 500; ma++ ) { %>
                                        <option value="<%= ma %>"
                                                <%= ( a.getMinAttendees() == ma ) ? 'selected="selected"' : '' %>>
                                            <%= ma %>
                                        </option>
                                    <% }    %>
                                </select>
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_APPOINTMENT_MIN_ATTENDEE' ) %>
                                </div>
                            </div>
                            -->
                            <div class="col">
                                <label for="select-max-attendee">
                                    <%= _lc( 'APPOINTMENT_MAX_ATTENDEE' ) %>
                                </label>
                                <select class="form-control"
                                        name="max-attendee"
                                        data-id="select-max-attendee"
                                        id="select-max-attendee">
                                    <option value="0"><%= _lc( 'DOESNT_MATTER' ) %></option>
                                    <% for ( var ma = 1; ma <= 500; ma++ ) { %>
                                        <option value="<%= ma %>"
                                                <%= ( a.getMaxAttendees() == ma ) ? 'selected="selected"' : '' %> >
                                            <%= ma %>
                                        </option>
                                    <% }    %>
                                </select>
                                <% if ( 0 < a.getNumAttendeesAccepted() || 0 < a.getNumAttendeesDeclined()  )   { %>

                                    <p>
                                        <small><%= _lc( 'UPDATE_APPOINTMENT_CURRENT_ATTENDEE_STATUS', [ a.getNumAttendeesAccepted(), a.getNumAttendeesWaiting() ] ) %></small>
                                    </p>

                                <% }    %>
                                <%=raw app.core.View.getTemplate( 'gui-form-help', { help : _lc( 'FORMHELP_APPOINTMENT_MAX_ATTENDEES' ) } ) %>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="textarea-comment">
                            <%= _lc( 'APPOINTMENT_ADDITIONAL_NOTES' ) %>
                        </label>
                        <textarea id="textarea-comment"
                                  data-id="textarea-comment"
                                  class="form-control"><%= a.getComment() ? a.getComment() : '' %></textarea>
                    </div>
                    <div class="form-group">
                        <label for="input-location">
                            Abrechnungsfaktor
                        </label>
                        <input type="number"
                               min="0"
                               data-id="input-price-factor"
                               id="input-price-factor"
                               value="<%= a.getPriceFactor() %>"
                               step="0.5"
                               class="form-control" />
                    </div>
                    <% if ( 0 < a.getNumAttendeesAccepted() || 0 < a.getNumAttendeesDeclined()  )   { %>
                    <div class="form-group">
                        <div class="custom-control custom-checkbox my-1 mr-sm-2">
                            <input type="checkbox"
                                   name="reset-attendee-list"
                                   data-id="checkbox-reset-attendee-list"
                                   id="checkbox-reset-attendee-list"
                                   class="custom-control-input"
                            >
                            <label class="custom-control-label"
                                   for="checkbox-reset-attendee-list"><%= _lc( 'RESET_ATTENDEE_LIST' ) %></label>
                            <p>
                                <small><%= _lc( 'RESET_ATTENDEE_LIST_INFO' ) %></small>
                            </p>
                        </div>
                    </div>
                    <% }    %>
                </div>
                <div class="card-footer">
                    <a href="#/appointment/<%= a.getId() %>"
                       class="btn btn-sm btn-secondary">
                        <%= _lc( 'BTN_CANCEL' ) %>
                    </a>
                    <button type="button"
                            data-id="btn-save"
                            class="btn btn-sm btn-primary">
                        <%= _lc( 'BTN_SAVE' ) %>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>