<div class="palm-page-header multi-line">
	<div class="palm-page-header-wrapper">
		<div id="title-icon" class="icon palm-account-icon"></div>
		<div id="page-title" class="title truncating-text un-capitalize">
		</div>
	</div>
</div>

<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Account Name</div>
	<div class="palm-list">
		<div class="palm-row single">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				<div class="title">
					<div id="account-name" x-mojo-element="TextField"></div>          
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Full Name.  Don't show for EAS -->
<div id="edit-account-full-name" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Full Name</div>
	<div class="palm-list">
		<div class="palm-row single">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				<div class="title">
					<div id="full-name" x-mojo-element="TextField"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- mail-format -->
<!--div id="edit-account-mail-format" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Mail Format</div>
	<div id="edit-account-mail-format-list" class="palm-list">
	    <div id="edit-account-mail-format-selector" class="row single" x-mojo-element="ListSelector"></div>
	</div>
</div-->

<div class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>New Message</div>
	<div id="edit-account-new-message-list" class="palm-list">
		<div id="show_notification-row" class="palm-row first">
			<div class="palm-row-wrapper">   
				<div x-mojo-element="ToggleButton" id="edit-account-show-notification-toggle"></div>
				<div class="title" x-mojo-loc=''>Show Icon</div>  
			</div>
		</div>
		<div id="drawer-container">
			<div id="sound-toggle-drawer" x-mojo-element="Drawer">
				<div id="sound-selector-row" class="palm-row" x-mojo-tap-highlight="momentary">
					<div class="palm-row-wrapper">                                             
						<div id="sound-selector" x-mojo-element="ListSelector"></div>
					</div>
				</div>
				<div id="ringtone-drawer" x-mojo-element="Drawer">
					<div id="ringtone-row" class="palm-row last" x-mojo-tap-highlight="momentary">
						<div class="palm-row-wrapper">                 
							<div class="label" x-mojo-loc=''>Ringtone</div>
		            		<div id='current-ringtone' class="title"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="edit-account-signature" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Signature</div>
	<div class="palm-list">
		<div class="palm-row single">
			<!-- <div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true" style="margin: -16px -15px -15px -16px;">		    -->
			<!-- <div id="signature" style="min-height: 72px;" x-mojo-element="RichTextEdit"></div> -->
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">		   
				<div id="signature" class="email-message-signature" x-mojo-element="RichTextEdit" x-palm-enable-linker='true'></div>
			</div>		          
		</div>  
	</div> 
</div>

<div id="edit-account-reply-to" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Reply-To Address</div>
	<div id="edit-account-reply-to-list" class="palm-list">
		<div class="palm-row single">
			<div class="palm-row-wrapper textfield-group" x-mojo-focus-highlight="true">
				<div class="title">
					<div id="reply-to" x-mojo-element="TextField"></div>          
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Sync settings -->
<div id="edit-account-sync" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Sync</div>
	<div id="edit-account-sync-list" class="palm-list">
		<div class="palm-row first" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div id="edit-account-sync-lookback-selector" x-mojo-element="ListSelector"></div>
			</div>
		</div>
		<div class="palm-row last" x-mojo-tap-highlight="momentary">
			<div class="palm-row-wrapper">
				<div id="edit-account-sync-fetch-selector" x-mojo-element="ListSelector"></div>
			</div>
		</div>
	</div>
</div>

<!-- Additional sync settings for POP -->
<div id="edit-account-sync-pop">
	<div id="edit-account-sync" class="palm-group unlabeled">
		<div id="edit-account-sync-list" class="palm-list">
			<div class="palm-row last">
				<div class="palm-row-wrapper">                                             
					<div x-mojo-element="ToggleButton" id="sync-deleted-toggle"></div>
					<div class="title" x-mojo-loc=''>Sync deleted emails</div>  
				</div>
			</div>
		</div>
	</div>

	<div x-mojo-loc="" class="palm-info-text">
		Delete email from server when deleted on device.
	</div>
	
	<div id="edit-account-sync" class="palm-group unlabeled">
		<div id="edit-account-sync-list" class="palm-list">
			<div class="palm-row last">
				<div class="palm-row-wrapper">                                             
					<div x-mojo-element="ToggleButton" id="sync-server-deleted-toggle"></div>
					<div class="title" x-mojo-loc=''>Sync server to device</div>  
				</div>
			</div>
		</div>
	</div>

	<div x-mojo-loc="" class="palm-info-text">
		Delete email on device when deleted from server.
	</div>
</div>

<!-- Allow user to select IMAP folders -->
<div id="edit-account-imap-folders" class="palm-group">
	<div class="palm-group-title" x-mojo-loc=''>Default Folders</div>
		<div class="palm-list">
			<div id="folders-available">
				<div id="edit-account-imap-sent" class="palm-row">
					<div class="palm-row-wrapper" x-mojo-focus-highlight="true">
						<div class="title">
							<div class="label" x-mojo-loc=''>Sent</div>
							<div id="imap-sent"></div>
						</div>
					</div>
				</div>    
				<div id="edit-account-imap-drafts" class="palm-row">
					<div class="palm-row-wrapper" x-mojo-focus-highlight="true">
						<div class="title">
							<div class="label" x-mojo-loc=''>Drafts</div>
							<div id="imap-drafts"></div>
						</div>
					</div>
				</div>    
				<div id="edit-account-imap-trash" class="palm-row last">
					<div class="palm-row-wrapper" x-mojo-focus-highlight="true">
						<div class="title">
							<div class="label" x-mojo-loc=''>Trash</div>
							<div id="imap-trash"></div>
						</div>
					</div>
				</div>  
			</div>
			<div id="folders-not-available">
				<div class="palm-row last">
					<div class="palm-row-wrapper">
						<div class="title" x-mojo-loc=''>
							Not yet available
						</div>
					</div>
				</div>
			</div>
		</div>    
	</div>
</div>


<div id="delete-account-button" x-mojo-loc="" x-mojo-tap-highlight='momentary' x-mojo-element="Button">
	Remove account
</div>
<div id="edit-account-button" x-mojo-loc="" x-mojo-tap-highlight='momentary' class='palm-button truncating-text'>
	Change login settings
</div>
