{*<p class="back-to-all"><a href="{$item->backUrl|htmlspecialchars}">Back to Members</a></p>*}
<div class="member">
    <div class="member-top">
        <div class="member-top-left">
            <div class="member-info" style="display:none;">
                <div class="member-title">
                    <h1>{$item->fullName|htmlspecialchars}</h1>
                </div>
                {if $item->subtitle}<div class="member-subtitle">{$item->subtitle|htmlspecialchars}</div>{/if}
                {if $item->socialLinks}
                <ul id="member-social-links" class="member-social-links">
                    {foreach from=$item->socialLinks item=socialLink}
                    <li>
                        <a href="{$socialLink.link}" target="blank" title="View {$socialLink.serviceName} Profile"><i class="fa fa-{$socialLink.iconName}"></i></a>
                    </li>
                    {/foreach}
                </ul>
                {/if}
                {if $item->introduction && $item->introduction|trim|strlen}
                    <div class="member-intro">{$item->introduction}</div>
                {/if}
                <div id="member-navigate-buttons" class="member-navigate-buttons">
                    {if $item->aboutBlock1 || $item->aboutBlock2 || $item->aboutBlock3}<input id="section-button-about-me" data-section="section-about-me" value="ABOUT ME" class="btn btn-primary " type="button">{/if}
                    {*<input id="section-button-registry" data-section="section-registry" value="REGISTRY" class="btn btn-primary" type="button">
                    <input id="section-button-my-closet" data-section="section-my-closet" value="WHAT'S IN MY CLOSET" class="btn btn-primary" type="button">*}
                    {if $item->blog}
                        <input id="section-button-blog" data-section="section-blog" value="BLOG" class="btn btn-primary" type="button">
                    {/if}
                </div>
            </div>
        </div>
        <div class="member-top-right">
            {if $item->photoH || $item->photoV}
            <div class="member-top-right-top{if $item->youtubeId or $item->video} half-height{else} full-height{/if}">
                <div class="member-photo" style="background-image: url('{$BASE_URL}/userfiles/files/{if $item->youtubeId}{$item->photoH}{else}{$item->photoV}{/if}')" title="{$item->fullName}"></div>
                {*html_image_fs
                name = $item->photo
                width = $item->config.photo.width
                height = $item->config.photo.height
                method = $item->config.photo.resizeMethod
                alt = $item->fullName
                title = $item->subtitle
                *}
            </div>
            {/if}
            {if $item->youtubeId or $item->video}
            <div class="member-top-right-bottom{if $item->photoH} half-height{else} full-height{/if}">
                <div class="member-video-thumbnail" style="{if $item->videoThumbnail}background-image: url('{$BASE_URL}/userfiles/files/{$item->videoThumbnail|htmlspecialchars}'){else}display: none;{/if}"></div>
                {if $item->video}
                    <video id="member-video" style="width: 100%; height: 100%;"  controls controlsList="nodownload">
                        <source src="{$item->video|htmlspecialchars}" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                {elseif $item->youtubeId}
                    <iframe id="member-youtube" allowfullscreen="" frameborder="0" width="100%" height="100%" src="https://www.youtube.com/embed/{$item->youtubeId|htmlspecialchars}?rel=0"></iframe>
                {/if}
            </div>
            {/if}

        </div>
    </div>
    {if $item->aboutBlock1 || $item->aboutBlock2 || $item->aboutBlock3}
    <div id="section-about-me" class="member-about clearfix">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>ABOUT ME</h2>
                </div>
            </div>
            <div  class="row">
                <div class="my-services col-md-4">
                    <h3 class="member-about-subtitle">My sevices</h3>
                    {$item->aboutBlock1}
                </div>
                <div class="upcoming-events col-md-4">
                    <h3 class="member-about-subtitle">Upcoming Events</h3>
                    {$item->aboutBlock2}
                </div>
                <div class="col-md-4">
                    {$item->aboutBlock3}
                </div>
            </div>
        </div>
    </div>
    {/if}
    {$item->blog}
</div>