<h4><a href="#/configuration/profile"><i class="fas fa-chevron-left"></i></a>&nbsp;<%= _lc( 'EDIT_PROFILE' ) %></h4>
<% var mBirthday = p.getMomentBirthday(); %>
<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-status">
                            <%= _lc( 'PROFILE_STATUS' ) %>
                        </label>
                        <input type="text"
                               maxlength="255"
                               name="status"
                               data-id="input-status"
                               id="input-status"
                               class="form-control"
                               value="<%= p.getStatus () ? p.getStatus() : '' %>"
                        />
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-firstname">
                                    <%= _lc( 'PROFILE_FIRSTNAME' ) %>
                                </label>
                                <input type="text"
                                       minlength="3"
                                       maxlength="255"
                                       name="firstname"
                                       data-id="input-firstname"
                                       id="input-firstname"
                                       class="form-control"
                                       value="<%= p.getFirstName() ? p.getFirstName() : '' %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_INPUT_REQUIRED' ) %>
                                </div>
                            </div>
                            <div class="col">
                                <label for="input-lastname">
                                    <%= _lc( 'PROFILE_LASTNAME' ) %>
                                </label>
                                <input type="text"
                                       minlength="3"
                                       maxlength="255"
                                       name="lastname"
                                       data-id="input-lastname"
                                       id="input-lastname"
                                       class="form-control"
                                       value="<%= p.getLastName() ? p.getLastName() : '' %>"
                                       required />
                                <div class="invalid-feedback">
                                    <%= _lc( 'VALIDATION_INPUT_REQUIRED' ) %>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-row">
                            <div class="col">
                                <label for="input-birthday">
                                    <%= _lc( 'BIRTHDAY' ) %>
                                </label>
                                <input type="date"
                                       name="birthday"
                                       id="input-birthday"
                                       data-id="input-birthday"
                                       class="form-control"
                                       max="<%= moment().subtract( 6, 'years' ).format( 'YYYY-MM-DD' ) %>"
                                       value="<%= ( null != p.getMomentBirthday() ) ? p.getMomentBirthday().format( 'YYYY-MM-DD' ) : '' %>"
                                       />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#/configuration/profile"
                       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>