<?php
script('settings', 'panels/profile');
vendor_script('strengthify/jquery.strengthify');
vendor_style('strengthify/strengthify');
if ($_['enableAvatars']) {
	vendor_script('jcrop/js/jquery.Jcrop');
	vendor_style('jcrop/css/jquery.Jcrop');
}
?>
<?php if ($_['enableAvatars']): ?>
<form id="avatar" class="section" method="post" action="<?php p(\OC::$server->getURLGenerator()->linkToRoute('core.avatar.postAvatar')); ?>">
	<h2 class="app-name"><?php p($l->t('Profile picture')); ?></h2>
	<div id="displayavatar">
		<div class="avatardiv"></div>
		<div class="warning hidden"></div>
		<?php if ($_['avatarChangeSupported']): ?>
		<label for="uploadavatar" class="inlineblock button icon-upload" id="uploadavatarbutton" title="<?php p($l->t('Upload new')); ?>"></label>
		<div class="inlineblock button icon-folder" id="selectavatar" title="<?php p($l->t('Select from Files')); ?>"></div>
		<div class="hidden button icon-delete" id="removeavatar" title="<?php p($l->t('Remove image')); ?>"></div>
		<input type="file" name="files[]" id="uploadavatar" class="hiddenuploadfield">
		<p><em><?php p($l->t('png or jpg, max. 20 MB')); ?></em></p>
		<?php else: ?>
		<?php p($l->t('Picture provided by original account')); ?>
		<?php endif; ?>
	</div>

	<div id="cropper" class="hidden">
		<div class="inlineblock button" id="abortcropperbutton"><?php p($l->t('Cancel')); ?></div>
		<div class="inlineblock button primary" id="sendcropperbutton"><?php p($l->t('Choose as profile picture')); ?></div>
	</div>
</form>
<?php endif;

if ($_['displayNameChangeSupported']) {
	?>
<form id="displaynameform" class="section" autocapitalize="none">
	<h2>
		<label for="displayName"><?php echo $l->t('Full name'); ?></label>
	</h2>
	<input type="text" id="displayName" name="displayName"
		value="<?php p($_['displayName'])?>"
		autocomplete="on" autocorrect="off" />
    <span class="msg"></span>
	<input type="hidden" id="oldDisplayName" name="oldDisplayName" value="<?php p($_['displayName'])?>" />
</form>
<?php
} else {
	?>
<div id="displaynameform" class="section">
	<h2><?php echo $l->t('Full name'); ?></h2>
	<span><?php if (isset($_['displayName'][0])) {
		p($_['displayName']);
	} else {
		p($l->t('No display name set'));
	} ?></span>
</div>
<?php
}
?>

<?php
if ($_['mailAddressChangeSupported']) {
	?>
<form id="emailform" class="section" autocapitalize="none">
	<h2>
		<label for="email"><?php p($l->t('Email')); ?></label>
	</h2>
	<input type="email" name="email" id="email" value="<?php p($_['email']); ?>"
		placeholder="<?php p($l->t('Your email address')); ?>"
		autocomplete="on" autocorrect="off" />
	<input id="emailbutton" type="button" value="<?php if (isset($_['email'][0])) {
		echo $l->t('Change email');
	} else {
		echo $l->t('Set email');
	} ?>" />
	<span class="msg"></span><br />
	<em><?php p($l->t('For password recovery and notifications')); ?></em>
</form>
<?php
} else {
	?>
<div id="emailform" class="section">
	<h2><?php echo $l->t('Email'); ?></h2>
	<span><?php if (isset($_['email'][0])) {
		p($_['email']);
	} else {
		p($l->t('No email address set'));
	} ?></span>
</div>
<?php
}
?>

<div id="groups" class="section">
	<h2><?php p($l->t('Groups')); ?></h2>
	<?php if (\count($_['groups']) > 0) {
		?>
		<p><?php p($l->t('You are member of the following groups:')); ?></p>
		<p>
			<?php p(\implode(', ', \array_map(function ($group) {
				return $group->getDisplayName();
			}, $_['groups']))); ?>
		</p>
	<?php
	} else {
		?>
		<p><?php p($l->t('You are not a member of any groups.')); ?></p>
	<?php
	} ?>

</div>

<div id="username" class="section">
       <h2 class="username"><?php p($l->t('Username')); ?></h2>
       <p><?php p($_['username']); ?></p>
</div>

<?php
if ($_['passwordChangeSupported']) {
	script('jquery-showpassword'); ?>
<form id="passwordform" class="section" autocapitalize="none">
	<h2 class="inlineblock"><?php p($l->t('Password')); ?></h2>
	<div class="hidden icon-checkmark" id="password-changed"></div>
	<div class="hidden msg error" id="password-error"><?php p($l->t('Unable to change your password')); ?></div>
	<br>
	<label for="pass1" class="hidden-visually"><?php echo $l->t('Current password'); ?>: </label>
	<input type="password" id="pass1" name="oldpassword"
		placeholder="<?php echo $l->t('Current password'); ?>"
		autocomplete="off" autocorrect="off" />
	<label for="pass2" class="hidden-visually"><?php echo $l->t('New password'); ?>: </label>
	<input type="password" id="pass2" name="personal-password"
		placeholder="<?php echo $l->t('New password'); ?>"
		data-typetoggle="#personal-show"
		autocomplete="off" autocorrect="off" />
	<input type="checkbox" id="personal-show" name="show" /><label for="personal-show"></label>
	<input id="passwordbutton" type="submit" value="<?php echo $l->t('Change password'); ?>" />
</form>
<?php
}
?>
<form id="language" class="section">
	<h2>
		<label><?php p($l->t('Language'));?></label>
	</h2>
	<?php print_unescaped($_['languageSelector']); ?>
	<?php if (OC_Util::getEditionString() === OC_Util::EDITION_COMMUNITY): ?>
	<a href="https://explore.transifex.com/owncloud-org/"
	  target="_blank" rel="noreferrer">
		<em><?php p($l->t('Help translate'));?></em>
	</a>
	<?php endif; ?>
</form>

<?php
if (!empty($_['legal_privacy_policy']) || !empty($_['legal_imprint'])) {
	?><div id="legal" class="section">
        <h2 class="legal"><?php p($l->t('Legal'));?></h2>
        <?php if (!empty($_['legal_imprint'])) { ?>
        <p>
                <label for="legal_imprint"><?php p($l->t('Our imprint conditions:')); ?></label> <a id="legal_imprint" href="<?php p($_['legal_imprint']) ?>" target="_blank" rel="noopener noreferrer"><?php p($_['legal_imprint']) ?></a>
        </p>
        <?php } if (!empty($_['legal_privacy_policy'])) { ?>
        <p>
                <label for="legal_privacy_policy"><?php p($l->t('Our Privacy Policy conditions:')); ?></label> <a id="legal_privacy_policy" href="<?php p($_['legal_privacy_policy']) ?>" target="_blank" rel="noopener noreferrer"><?php p($_['legal_privacy_policy']) ?></a>
        </p>
        <?php } ?>
</div>
<?php
}
?>
