<h4><%= _lc( 'EDIT_GROUP' ) %></h4>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <form data-id="form-team-details">
                <div class="card-body">
                    <div class="form-group">
                        <label for="input-team-name">
                            <%= _lc( 'GROUP_NAME' ) %>
                        </label>
                        <input type="text"
                               minlength="3"
                               maxlength="32"
                               data-id="input-team-name"
                               id="input-team-name"
                               class="form-control"
                               value="<%= group.getName() %>"
                               placeholder="<%= _lc( 'TEAM_DETAIL_TEAMNAME_PLACEHOLDER' ) %>"
                               required />
                        <div class="invalid-feedback">
                            <%= _lc( 'REGISTER_VALIDATION_ERROR_TEAMNAME' ) %>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="select-team-industry">
                            <%= _lc( 'GROUP_INDUSTRY' ) %>
                        </label>
                        <div class="pb_select-wrap">
                            <select class="form-control"
                                    id="select-team-industry"
                                    name="select-team-industry"
                                    data-id="select-team-industry" required="">
                                <option value=""><%= _lc( 'CHOOSE_AN_INDUSTRY' ) %></option>
                                <option value="FITNESS"
                                <%= ( group.getCategory() === 'FITNESS' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_FITNESS' ) %>
                                </option>
                                <option value="YOGA"
                                <%= ( group.getCategory() === 'YOGA' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_YOGA' ) %>
                                </option>
                                <option value="FIREFIGHTER"
                                <%= ( group.getCategory() === 'FIREFIGHTER' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_FIREFIGHTER' ) %>
                                </option>
                                <option value="CHARITY"
                                <%= ( group.getCategory() === 'CHARITY' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_CHARITY' ) %>
                                </option>
                                <option value="DOGSCHOOL"
                                <%= ( group.getCategory() === 'DOGSCHOOL' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_DOGSCHOOL' ) %>
                                </option>
                                <option value="PERSONAL_TRAINING"
                                <%= ( group.getCategory() === 'PERSONAL_TRAINING' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_PERSONAL_TRAINING' ) %>
                                </option>
                                <option value="HEALTH"
                                <%= ( group.getCategory() === 'HEALTH' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_HEALTH' ) %>
                                </option>
                                <option value="OTHER"
                                <%= ( group.getCategory() === 'OTHER' ) ? 'selected="selected"' : '' %>
                                >
                                <%= _lc( 'GROUP_INDUSTRY_OTHER' ) %>
                                </option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="textarea-team-description">
                            <%= _lc( 'GROUP_DESCRIPTION' ) %>
                        </label>
                        <textarea maxlength="4096"
                                  rows="5"
                                  data-id="textarea-team-description"
                                  id="textarea-team-description"
                                  class="form-control"
                                  placeholder="<%= _lc( 'TEAM_DETAIL_TEAMDESCRIPTION_PLACEHOLDER' ) %>"><%= group.getDescription() ? group.getDescription() : '' %></textarea>
                    </div>
                    <div class="form-group">
                        <label for="textarea-team-contactinformation">
                            <%= _lc( 'GROUP_CONTACT_INFORMATION' ) %>
                        </label>
                        <textarea maxlength="1024"
                                  rows="4"
                                  data-id="textarea-team-contactinformation"
                                  id="textarea-team-contactinformation"
                                  class="form-control"
                                  placeholder="<%= _lc( 'TEAM_DETAIL_CONTACTINFORMATION_PLACEHOLDER' ) %>"><%= group.getContactInformation() ? group.getContactInformation() : '' %></textarea>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#/group/<%= group.getId() %>"
                       class="btn btn-sm btn-secondary">
                        <%= _lc( 'BTN_CANCEL' ) %>
                    </a>
                    <button type="button"
                            data-id="btn-save-changes"
                            class="btn btn-sm btn-primary">
                        <%= _lc( 'BTN_SAVE_CHANGES' ) %>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>