[[!UpdateProfile?
    &submitVar=`updprof`
    [[-&syncUsername=`[[-!+modx.user.id:memberof=`idParent`:then=`email`]]`]]
    &syncUsername=`email`
    &validate=`fullname:required,
        mobilephone:required,
        email:email:required`
    &reloadOnSuccess=`1`
    &postHooks=`clubUpdProfile`
    &errTpl=`<p class="text-danger">[[+error]]</p>`
    &successMsg111=`<div class="alert alert-info">Профиль успешно обновлен</div>`
]]

<div class="tab-content section-block my-0 card card-body">
    <div id="tabProfile" class="tab-pane active row">
    <div class="col-lg-6 col-md-9">

[[!#GET.updpsuccess:notempty=`<div class="alert alert-info">Профиль успешно обновлен</div>`]]
<form action="[[~[[*id]]]]" class="section-block my-0" method="post">
	<div class="form-group">
	<label for="fullname">Ваше имя</label>
	<input type="text" name="fullname" id="fullname" class="form-control" value="[[+fullname]]" />[[!+error.fullname]]
	</div>
	<div class="form-group">
	<label for="city">Город</label>
	<input type="text" name="city" id="city" class="form-control" value="[[+city]]" />[[!+error.city]]
	</div>
	<div class="form-group">
	<label for="email">E-mail (Имя пользователя)</label>
	<input type="email" name="email" id="email" class="form-control" value="[[+email]]" />[[!+error.email]]
	</div>
	<div class="form-group">
	<label for="mobilephone">Телефон</label>
	<input type="text" name="mobilephone" id="mobilephone" class="form-control" value="[[+mobilephone]]" />
	[[!+error.mobilephone]]
	</div>
	<div class="form-group">
	<input type="submit" name="updprof" value="Сохранить" class="btn btn-primary">
	</div>
	<div><a href="/login/change-password.html">Сменить пароль</a></div>
</form>

    </div>
    </div>
    
    <div id="tabTg" class="tab-pane">
    	
    </div>
    <div id="tabOpts" class="tab-pane">
    	
    </div>
</div>

<script>
SCRM.add_mnu('eCard', [[!eCardFields?name=`userOpts`]] );

SCRM.add_mnu('topTabs', [
    {href: '#tabProfile', ico: 'fa-user', active: true},
    {href: '#tabTg', ico: 'fa-telegram'},
    {href: '#tabOpts', ico: 'fa-wrench'}
]);

SCRM.ready('#tabTg', function(){
	var tgUrl = [SCRM.app.iduser, window.location.origin].join(';');
	const utf8Bytes = unescape(encodeURIComponent(tgUrl));
	const base64String = btoa(utf8Bytes);
	tgUrl = base64String.replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');

	$('<a href="https://t.me/SportCRM_bot?start='+ tgUrl +'" target="_blank" class="btn btn-info">TG bot (beta)</a>')
	.appendTo('#tabTg');
});

SCRM.ready('#tabOpts', function(){
	SCRM._run('/chunk/ecard', {
		fnSave: function(pd, eCard) {
			$.extend(SCRM.uOpts, pd);
			saveObjectInLocalStorage('uOpts', SCRM.uOpts);
			SCRM.saved();
			SCRM.link(eCard, 'loading', false);
		},
        edata: SCRM.uOpts,
        block: '#tabOpts',
        ecard: 'userOpts'
    });
});

</script>