<%=raw app.core.View.getTemplate( 'configuration-nav', { activeTab : 'profile' } ) %>
<% var p = profile; %>
<div class="row">
    <div class="col-sm-12">
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col text-center">
                        <img class="img-fluid rounded-circle profile-image-big img-thumbnail"
                             style="margin-bottom: 12px; padding: 6px"
                             src="<%= p.getProfileImg() %>" />
                    </div>
                </div>
                <div class="row">
                    <div class="col text-center">
                        <div style="font-size: 1.4rem">
                            <%=raw p.getName() %>
                        </div>
                        <% if ( p.isInGroupCategory( 'DOGSCHOOL' ) ) { %>
                            <div class="profile-header">
                                <%= _lc( 'PROFILE_DOGNAME' ) %>
                            </div>
                            <div class="profile-content">
                                <%= p.getCustomGroupProperty( 'DOGSCHOOL', 'dogname' ) ? p.getCustomGroupProperty( 'DOGSCHOOL', 'dogname' ) : '---' %>
                            </div>
                        <% }    %>
                        <div class="profile-header">
                            <%= _lc( 'PROFILE_STATUS' ) %>
                        </div>
                        <div class="profile-content">
                            <%= p.getStatus() %>
                        </div>
                        <div class="profile-header">
                            <%= _lc( 'BIRTHDAY' ) %>
                        </div>
                        <div class="profile-content">
                            <%= ( null != p.getMomentBirthday() ) ? p.getMomentBirthday().format( 'DD.MM.YYYY' ) : '---' %>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <div class="row">
                    <div class="col">
                        <a href="#/configuration/profile/edit" class="btn btn-sm btn-primary">
                            <%= _lc( 'BTN_EDIT' ) %>
                        </a>
                        <button data-id="btn-update-pic"
                                class="btn btn-sm btn-primary">
                            <%= _lc( 'BTN_UPDATE_PROFILE_IMG' ) %>
                        </button>
                        <a href="#/configuration/profile/delete" class="float-right btn btn-sm btn-danger">
                            <%= _lc( 'BTN_DELETE_PROFILE' ) %>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>