{'!Profile' | snippet : ['prefix' => 'usr.']}
{'!UpdateProfile' | snippet : [
    'validate' => 'fullname:required',
    'preHooks'=> 'loadUserPhoto'
]}
            <div class="container" style="width: auto; max-width: 1170px;">
                <div class="row">
                    <div class="col-md-12 col-lg-12">
                        <div class="panel panel-primary">
                            <div class="panel-heading"></i>Личные данные</div>
                            <div class="col-md-12 col-lg-4">
                                <div class="panel-body" style="background-image: none;">
                                    <div id="crop" class="img-rounded center-block" style="height: 100px; width: 100px; overflow: hidden;">
                                        <img id="img-photo" style="height: 100px; width: 100px;" src="[[+photo]]">

                                    </div>
                                    <p class="lead text-center">[[+fullname]]</p>
                                    <hr>
                                </div>
                            </div>
                            <div style="margin-top: 15px" class="col-md-12 col-lg-8">
                                <p><a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;">Email: </a>[[+usr.email]]</p>
                                <p><a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;">Мобильный телефон: </a>[[+usr.mobilephone]]</p>
                                <p><a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;">Дополнительный номер: </a>[[+usr.phone]]</p>
                                <p><a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;">Адрес: </a>[[+usr.address]]</p>
                            </div>
                            <div style="margin-top: 12px" class="col-md-12 col-lg-12">
                                <p><a style="font-size: 14px;line-height: 1.42857143;color: #333;font-weight: 600;">Страна: </a>[[+usr.country]]</p>
                                <p><a style="font-size: 14px;line-height: 1.42857143;color: #333;font-weight: 600;">Город: </a>[[+usr.city]]</p>
                                <p><a style="font-size: 14px;line-height: 1.42857143;color: #333;font-weight: 600;">Веб-сайт: </a>[[+usr.website]]</p>
                                <hr>
                                <div class="col-xs-4" style="margin-bottom:8px;margin-top:8px;text-align: center;">
                                    <i class="glyphicon glyphicon-pencil"></i> <a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;" href="[[~34]]" title="Изменение пароля">Изменение пароля</a>
                                </div>
                                {set $twoFa = $_modx->runSnippet('!2faCheckOn',['user_id' => $_modx->user.id])}
                                <div class="col-xs-4" style="margin-bottom:8px;margin-top:8px;text-align: center;">
                                    <i class="glyphicon glyphicon-pencil"></i> <a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;" href="[[~104]]" title="Изменение пароля">Двухфакторная авторизация {if $twoFa}(включена){/if}</a>
                                </div>
                                <div class="col-xs-4" style="margin-bottom:8px;margin-top:8px;text-align: center;">
                                    <i class="glyphicon glyphicon-cog"></i> <a style="font-size: 14px;line-height: 2;color: #333;font-weight: 600;" href="[[~35]]" title="Редактирование данных">Редактирование данных</a>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
<style>
    .navbar-collapse.collapse{
        display: block!important;
        margin-top: 0px !important;
        border: none;
    }
</style>

