<h4><a href="javascript:history.back()"><i class="fas fa-chevron-left"></i></a> <%= _lc( 'PROFILE_VIEW' ) %></h4>
<div class="card">
    <div class="team-header">
        <div class="pb_cover_v3 overflow-hidden cover-bg-indigo cover-bg-opacity-8 text-left pb_gradient_v1 pb_slant-white-small"
             style="overflow: hidden; background: url(./img-system/<%= p.getProfileBackgroundImg() %>); background-size: cover;height: 135px;">
        </div>
        <div class="team-logo"
             style="position: relative;">
            <img src="<%= p.getProfileImg() %>"
                 class="card-img-overlay profile-card-image"/>
        </div>
    </div>
    <div class="card-body text-center">
        <div class="text-center" 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>
        <% if ( app.model.SessionUser.canAdministrateProfile( p ) || p.isAdminInAGroupOfGiveProfile( app.model.SessionUser.getUserProfile() ) )  {   %>
            <div class="profile-header">
                <%= _lc( 'ADDRESS' ) %>
            </div>
            <div class="profile-content">
                <%= p.getStreet() ? p.getStreet() : '---' %><br />

                <%= p.getZipCode() ? p.getZipCode() : '' %>&nbsp;<%= p.getCity() ? p.getCity() : '' %>
            </div>
            <div class="profile-header">
                <%= _lc( 'PHONE' ) %>
            </div>
            <div class="profile-content">
                <%= p.getMobile() ? p.getMobile() : '---' %><br />
                <%= p.getPhone()  ? p.getPhone() : '---' %>
            </div>
            <div class="profile-header">
                <%= _lc( 'BIRTHDAY' ) %>
            </div>
            <div class="profile-content">
                <%= ( null != p.getMomentBirthday() ) ? p.getMomentBirthday().format( 'DD.MM.YYYY' ) : '---' %>
            </div>
        <% }    %>
    </div>
    <div class="card-footer">
        <% if ( p.isOwn() ) {   %>
            <a href="#/configuration/profile"
               class="btn btn-sm btn-primary">
                <%= _lc( 'CONFIGURATION' ) %>
            </a>
        <% } %>
    </div>
</div>