<h4><a href="#/configuration/account"><i class="fas fa-chevron-left"></i></a>&nbsp;Adresse bearbeiten</h4>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <form data-id="form-profile"
                  class="needs-validation"
                  novalidate>
                <div class="card-body">
                    <div class="form-group">
                        <label for="input-street">
                            <%= _lc( 'PROFILE_STREET' ) %>
                        </label>
                        <input type="text"
                               name="street"
                               data-id="input-street"
                               id="input-street"
                               required
                               class="form-control"
                               value="<%= p.getStreet() ? p.getStreet() : '' %>"
                        />
                    </div>

                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-zipcode">
                                    <%= _lc( 'PROFILE_ZIP_CODE' ) %>
                                </label>
                                <input type="text"
                                       name="zip"
                                       required
                                       data-id="input-zipcode"
                                       id="input-zipcode"
                                       class="form-control"
                                       value="<%= p.getZipCode() ? p.getZipCode() : '' %>"
                                />
                            </div>
                            <div class="col">
                                <label for="input-city">
                                    <%= _lc( 'PROFILE_CITY' ) %>
                                </label>
                                <input type="text"
                                       name="city"
                                       required
                                       data-id="input-city"
                                       id="input-city"
                                       class="form-control"
                                       value="<%= p.getCity() ? p.getCity() : '' %>"
                                />
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-mobile">
                                    <%= _lc( 'PROFILE_MOBILE_PHONE' ) %>
                                </label>
                                <input type="text"
                                       name="mobile"
                                       data-id="input-mobile"
                                       id="input-mobile"
                                       class="form-control"
                                       value="<%= p.getMobile() ? p.getMobile() : '' %>"
                                />
                            </div>
                            <div class="col">
                                <label for="input-phone">
                                    <%= _lc( 'PROFILE_ALT_PHONE' ) %>
                                </label>
                                <input type="text"
                                       name="city"
                                       data-id="input-phone"
                                       id="input-phone"
                                       class="form-control"
                                       value="<%= p.getPhone() ? p.getPhone() : '' %>"
                                />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-country">
                                    Land
                                </label>
                                <% var countries = app.core.App.getCountries(); %>
                                <select class="form-control"
                                        id="input-country"
                                        required
                                        data-id="input-country"
                                        name="input-country">
                                    <option value="">Bitte auswählen...</option>
                                    <% for ( let ci = 0; ci < countries.length; ci++ )  {   %>
                                        <option value="<%= countries[ ci ].key %>"
                                                <%= ( p.getCountry() == countries[ ci ].key ) ? 'selected="selected"' : '' %> >
                                            <%= countries[ ci ].name %>
                                        </option>
                                    <% }    %>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col text-center">
                            <hr />
                            <i class="fa fa-info-circle"></i><u>Hinweis</u> Deine Adressdaten sind <strong>NUR</strong> für den Gruppenbetreiber einsehbar und sollen die Adress- und Kontaktdaten verbessern (Corona-Nachweis, Vertrag, Service-Qualität). Die Daten sind seitens des Betreibers geschützt und werden selbstverständlich nicht an Dritte weitergegeben.
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#/configuration/account"
                       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>