<?xml version="1.0" standalone="yes"?>
<!DOCTYPE var:component>
<var:component
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:var="http://www.skyrix.com/od/binding"
  xmlns:const="http://www.skyrix.com/od/constant"
  xmlns:uix="OGo:uix"
  xmlns:rsrc="OGo:url"
  xmlns:label="OGo:label"
  className="UIxPageFrame"
  title="title"
  const:popup="YES"
  const:cssFiles="datepicker.css"
  const:jsFiles="RowEditionController.js,PasswordPolicy.js,ckeditor/ckeditor.js,datepicker.js, SOGoAutoCompletion.js"
  >
  <script type="text/javascript">
    var localeCode = '<var:string value="localeCode"/>';
  </script>
  <div class="popupMenu" id="contactsMenu">
    <ul></ul>
  </div>
  
  <div id="colorPickerDialog" style="display: none;" class="dialog right bottom">
    <div>
      <span class="blc-FFFFFF"><!-- --></span>
      <span class="blc-330033"><!-- --></span>
      <span class="blc-C0C0C0"><!-- --></span>
      <span class="blc-999999"><!-- --></span>
      <span class="blc-666666"><!-- --></span>
      <span class="blc-333333"><!-- --></span>
      <span class="blc-000000"><!-- --></span>
      <span class="blc-FFCCCC"><!-- --></span>
      <span class="blc-FF6666"><!-- --></span>
      <span class="blc-FF0000"><!-- --></span>
      <span class="blc-CC0000"><!-- --></span>
      <span class="blc-990000"><!-- --></span>
      <span class="blc-660000"><!-- --></span>
      <span class="blc-330000"><!-- --></span>
      <span class="blc-FFCC99"><!-- --></span>
      <span class="blc-FF9966"><!-- --></span>
      <span class="blc-FF9900"><!-- --></span>
      <span class="blc-FF6600"><!-- --></span>
      <span class="blc-CC6600"><!-- --></span>
      <span class="blc-993300"><!-- --></span>
      <span class="blc-663300"><!-- --></span>
      <span class="blc-FFFF99"><!-- --></span>
      <span class="blc-FFFF66"><!-- --></span>
      <span class="blc-FFCC66"><!-- --></span>
      <span class="blc-FFCC33"><!-- --></span>
      <span class="blc-CC9933"><!-- --></span>
      <span class="blc-996633"><!-- --></span>
      <span class="blc-663333"><!-- --></span>
      <span class="blc-FFFFCC"><!-- --></span>
      <span class="blc-FFFF33"><!-- --></span>
      <span class="blc-FFFF00"><!-- --></span>
      <span class="blc-FFCC00"><!-- --></span>
      <span class="blc-999900"><!-- --></span>
      <span class="blc-666600"><!-- --></span>
      <span class="blc-333300"><!-- --></span>
      <span class="blc-CCCCCC"><!-- --></span>
      <span class="blc-66FF99"><!-- --></span>
      <span class="blc-33FF33"><!-- --></span>
      <span class="blc-33CC00"><!-- --></span>
      <span class="blc-009900"><!-- --></span>
      <span class="blc-006600"><!-- --></span>
      <span class="blc-003300"><!-- --></span>
      <span class="blc-99FFFF"><!-- --></span>
      <span class="blc-33FFFF"><!-- --></span>
      <span class="blc-66CCCC"><!-- --></span>
      <span class="blc-00CCCC"><!-- --></span>
      <span class="blc-339999"><!-- --></span>
      <span class="blc-336666"><!-- --></span>
      <span class="blc-003333"><!-- --></span>
      <span class="blc-CCFFFF"><!-- --></span>
      <span class="blc-66FFFF"><!-- --></span>
      <span class="blc-33CCFF"><!-- --></span>
      <span class="blc-3366FF"><!-- --></span>
      <span class="blc-3333FF"><!-- --></span>
      <span class="blc-000099"><!-- --></span>
      <span class="blc-000066"><!-- --></span>
      <span class="blc-CCCCFF"><!-- --></span>
      <span class="blc-9999FF"><!-- --></span>
      <span class="blc-6666CC"><!-- --></span>
      <span class="blc-6633FF"><!-- --></span>
      <span class="blc-6600CC"><!-- --></span>
      <span class="blc-333399"><!-- --></span>
      <span class="blc-330099"><!-- --></span>
      <span class="blc-FFCCFF"><!-- --></span>
      <span class="blc-FF99FF"><!-- --></span>
      <span class="blc-CC66CC"><!-- --></span>
      <span class="blc-CC33CC"><!-- --></span>
      <span class="blc-993399"><!-- --></span>
      <span class="blc-663366"><!-- --></span>
      <span class="blc-99FF99"><!-- --></span>
    </div>
  </div>
  
  <form id="mainForm" var:href="ownPath">
    <div class="tabsContainer" id="preferencesTabs">
      <ul>
        <li target="generalView"><span>
          <var:string label:value="General" /></span></li>
        <var:if condition="userHasCalendarAccess">
          <li target="calendarOptionsView"><span><var:string
            label:value="Calendar Options"/></span></li>
          </var:if
        ><li target="contactsOptionsView"><span><var:string
          label:value="Contacts Options"/></span></li
        ><var:if condition="userHasMailAccess">
          <li target="mailOptionsView"><span><var:string
            label:value="Mail Options"/></span></li>
          <li target="mailAccountsView"><span><var:string
            label:value="IMAP Accounts"/></span></li>
          <var:if condition="isVacationEnabled"><li target="vacationView"><span><var:string
            label:value="Vacation"/></span></li></var:if
          ><var:if condition="isForwardEnabled"><li target="forwardView"><span><var:string
            label:value="Forward"/></span></li></var:if>
          </var:if
        ><var:if condition="shouldDisplayAdditionalPreferences">
          <li target="additionalView"><span>
            <var:string label:value="Additional Parameters"/></span></li>
          </var:if
        ><var:if condition="shouldDisplayPasswordChange">
          <li target="passwordView"><span><var:string label:value="Password"/></span></li>
        </var:if>
      </ul>
      <div class="tabs">
        <div id="generalView" class="tab">
          <dl class="dl-horizontal">
            <dt><var:string label:value="SOGo Version"/></dt>
            <dd><var:string value="sogoVersion"/></dd>
            <dt><var:string label:value="Language"/></dt>
            <dd><var:popup list="languages" item="item"
              const:id="language"
              const:name="language"
              string="languageText"
              selection="language"
              label:noSelectionString="choose" /></dd>
            <dt><var:string label:value="Current Time Zone"/></dt>
            <dd><var:popup list="timeZonesList" item="item"
              const:id="timezone"
              const:name="timezone"
              string="item" selection="userTimeZone" /></dd>
            <dt><var:string label:value="Short Date Format"/></dt>
            <dd><var:popup list="shortDateFormatsList" item="item"
              const:id="shortDateFormat"
              const:name="shortDateFormat"
              string="itemShortDateFormatText" selection="userShortDateFormat"/></dd>
            <dt><var:string label:value="Long Date Format"/></dt>
            <dd><var:popup list="longDateFormatsList" item="item"
              const:id="longDateFormat"
              const:name="longDateFormat"
              string="itemLongDateFormatText" selection="userLongDateFormat"
              /></dd>
            <dt><var:string label:value="Time Format"/></dt>
            <dd><var:popup list="timeFormatsList" item="item"
              const:id="timeFormat"
              const:name="timeFormat"
              string="itemTimeFormatText" selection="userTimeFormat"
              /></dd>
            <dt><var:string label:value="Default Module"/></dt>
            <dd><var:popup list="availableModules" item="item"
              const:id="defaultModule"
              const:name="defaultModule"
              string="itemModuleText" selection="userDefaultModule"/></dd>
            <dt><var:string label:value="Refresh View"/></dt>
            <dd><var:popup list="refreshViewList" item="item"
              const:id="refreshView"
              const:name="refreshView"
              string="itemRefreshViewCheckText" selection="userRefreshViewCheck"/></dd>
          </dl>
        </div>
        <var:if condition="userHasCalendarAccess">
          <div id="calendarOptionsView" class="tab">
            <dl class="dl-horizontal">
              <dt><var:string label:value="Week begins on"/></dt>
              <dd><var:popup list="daysList" item="item"
                const:id="weekStartDay"
                const:name="weekStartDay"
                string="itemWeekStartDay" selection="userWeekStartDay"/></dd>
              <dt><var:string label:value="Day start time"/></dt>
              <dd><var:popup list="hoursList" item="item"
                const:id="dayStartTime"
                const:name="dayStartTime"
                string="item" selection="userDayStartTime"/></dd>
              <dt><var:string label:value="Day end time"/></dt>
              <dd><var:popup list="hoursList" item="item"
                const:id="dayEndTime"
                const:name="dayEndTime"
                string="item" selection="userDayEndTime"/></dd>
              <dt></dt>
              <dd><input type="checkbox"
                const:name="busyOffHours"
                const:id="busyOffHours"
                var:checked="busyOffHours" />
                <var:string label:value="Show time as busy outside working hours"/></dd>
              <dt><var:string label:value="First week of year"/></dt>
              <dd><var:popup list="firstWeekList" item="item"
                const:id="firstWeek"
                const:name="firstWeek"
                string="itemFirstWeekText" selection="userFirstWeek"/></dd>
              <dt><var:string label:value="Default calendar"/></dt>
              <dd><var:popup list="defaultCalendarList" item="item"
                const:id="defaultCalendar"
                const:name="defaultCalendar"
                string="itemCalendarText" selection="userDefaultCalendar"/></dd>
              <dt><var:string label:value="Default events classification"/></dt>
              <dd><var:popup list="calendarClassificationsList" item="item"
                const:id="eventsClassification"
                const:name="eventsClassification"
                string="itemClassificationText" selection="eventsDefaultClassification"/></dd>
              <dt><var:string label:value="Default tasks classification"/></dt>
              <dd><var:popup list="calendarClassificationsList" item="item"
                const:id="tasksClassification"
                const:name="tasksClassification"
                string="itemClassificationText" selection="tasksDefaultClassification"/></dd>
              <dt><var:string label:value="Default reminder"/></dt>
              <dd><var:popup list="reminderList" item="item"
                const:disabledValue="-"
                label:noSelectionString="reminder_NONE"
                const:name="reminderList"
                const:id="reminderList"
                string="itemReminderText" var:selection="reminder"/></dd>
            </dl>
            <div class="tabsContainer" id="calendarOptionsTabs">
              <ul>
                <li target="calendarCategoriesView">
                  <span><var:string label:value="Categories"/></span></li>
                <li target="calendarAppointmentsInvitationsView">
                  <span><var:string label:value="Appointments invitations"/></span></li>
              </ul>
              <div class="tabs">
                <div id="calendarCategoriesView" class="tab">
                  <div id="calendarCategoriesListWrapper" class="listWrapper">
                    <table class="categoriesList" cellspacing="0">
                      <thead>
                        <tr class="tableview">
                          <th const:class="tbtv_headercell" const:id="nameTableHeader">
                            <var:string label:value="Name"/></th>
                          <th const:class="tbtv_headercell" const:id="colorTableHeader">
                            <var:string label:value="Color"/></th>
                        </tr>
                      </thead>
                      <tbody>
                        <var:foreach list="calendarCategoryList" item="category">
                          <tr const:class="categoryListRow">
                            <td const:class="categoryListCell">
                              <var:string var:value="category"/></td>
                            <td const:class="categoryListCell">
                              <div const:class="colorBox" var:data-color="categoryColor"><entity name="nbsp"/></div></td>
                          </tr>
                        </var:foreach>
                      </tbody>
                    </table>
                  </div><!-- #calendarCategoriesListWrapper -->
                  <div class="bottomToolbar">
                    <a const:id="calendarCategoryAdd" class="bottomButton" href="#">
                      <span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
                    <a const:id="calendarCategoryDelete" class="bottomButton" href="#">
                      <span><img rsrc:src="remove-icon.png" label:title="Delete" /> </span></a>
                  </div><!-- .bottomToolbar -->
                  <input type="hidden" const:id="calendarCategoriesValue"
                         const:name="calendarCategoriesValue" var:value="calendarCategoriesValue"/>
                </div><!-- #calendarCategoriesView -->
                
                <div id="calendarAppointmentsInvitationsView" class="tab">
                  <div><input type="checkbox"
                              const:name="preventInvitations"
                              const:id="preventInvitations"
                              var:checked="preventInvitations" />
                  <var:string label:value="Prevent from being invited to appointments"/></div>
                  <hr />
                  <var:string label:value="White list for appointment invitations"/>
                  <div id="appointmentsWhiteListWrapper" class="listWrapper">
                    <table id="tableViewWhiteList" cellspacing="0">
                      <thead>
                        <tr class="tableview">
                          <th const:class="tbtv_headercell" const:id="whiteListTableHeader">
                            <var:string label:value="Contacts Names"/></th>
                        </tr>
                      </thead>
                      <tbody>
                        <var:foreach list="appointmentsWhiteList" item="contact">
                          <tr const:class="whiteListRow">
                            <td const:class="whiteListCell">
                              <var:string var:value="contact"/></td>
                          </tr>
                        </var:foreach>
                      </tbody>
                    </table>
                  </div><!-- #appointmentsWhiteListWrapper -->
                  <div class="bottomToolbar">
                    <a const:id="appointmentsWhiteListAdd" class="bottomButton" href="#">
                      <span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
                    <a const:id="appointmentsWhiteListDelete" class="bottomButton" href="#">
                      <span><img rsrc:src="remove-icon.png" label:title="Delete" /></span></a>
                  </div><!-- .bottomToolbar -->
                  <input type="hidden" const:id="whiteList"
                         const:name="whiteList" var:value="whiteList"/>
                </div><!-- #calendarAppointmentsInvitationsView -->
              </div><!-- .tabs -->
            </div><!-- #calendarOptionsTabs -->
          </div><!-- #calendarOptionsView -->
        </var:if>
        <div id="contactsOptionsView" class="tab">
          <label><var:string label:value="Categories"/></label>
          <div id="contactsCategoriesListWrapper" class="listWrapper"
            ><table class="categoriesList" cellspacing="0">
              <thead>
                <tr class="tableview"
                  ><th const:class="tbtv_headercell" const:id="nameTableHeader"
                    ><var:string label:value="Name"/></th
                  ></tr
                ></thead>
              <tbody>
                <var:foreach list="contactsCategoryList" item="category">
                  <tr const:class="categoryListRow"
                    ><td const:class="categoryListCell"
                      ><var:string var:value="category"/></td
                    ></tr>
                </var:foreach>
              </tbody>
            </table>
          </div>
          <div class="bottomToolbar">
            <a const:id="contactsCategoryAdd" class="bottomButton" href="#">
              <span><img rsrc:src="add-icon.png" label:title="Add" />
              </span></a>
            <a const:id="contactsCategoryDelete" class="bottomButton" href="#">
              <span><img rsrc:src="remove-icon.png" label:title="Delete" />
              </span></a>
          </div>
          <input type="hidden" const:id="contactsCategoriesValue"
          const:name="contactsCategoriesValue" var:value="contactsCategoriesValue"/>
        </div>
        <var:if condition="userHasMailAccess">
          <div id="mailOptionsView" class="tab">
            <dl class="dl-horizontal">
              <dt></dt>
              <dd><input type="checkbox"
                const:name="subscribedFoldersOnly"
                const:id="subscribedFoldersOnly"
                var:checked="showSubscribedFoldersOnly" />
                <var:string label:value="Show subscribed mailboxes only"/></dd>
              <dt></dt>
              <dd><input type="checkbox"
                const:name="synchronizeOnlyDefaultFolders"
                const:id="synchronizeOnlyDefaultFolders"
                var:checked="synchronizeOnlyDefaultMailFolders" />
                <var:string label:value="Synchronize only default mail folders (EAS)"/></dd>
               <dt></dt>
              <dd><input type="checkbox"
                const:name="sortByThreads"
                const:id="sortByThreads"
                var:checked="sortByThreads" />
                <var:string label:value="Sort messages by threads"/></dd>
              <dd><input type="checkbox"
                const:name="addOutgoingAddresses"
                const:id="addOutgoingAddresses"
                var:checked="addOutgoingAddresses"
                onChange = "onAddOutgoingAddressesCheck(this);"/>
                <var:string label:value="When sending mail, add unknown recipients to my"/><br/>
                <var:popup list="addressBookList" item="item"
                const:id="addressBookList"
                const:name="addressBookList"
                string="itemAddressBookText" selection="userAddressBook"/></dd>
              <dt></dt>
              <dt><var:string label:value="Forward messages"/></dt>
              <dd><var:popup list="messageForwardingList" item="item"
                const:id="messageForwarding"
                const:name="messageForwarding"
                string="itemMessageForwardingText"
                selection="userMessageForwarding"/></dd>
              <dt><var:string label:value="When replying to a message"/></dt>
              <dd><var:popup list="replyPlacementList" item="item"
                const:id="replyPlacementList"
                const:name="replyPlacementList"
                string="itemReplyPlacementText"
                selection="userReplyPlacement"/></dd>
              <dt><var:string label:value="And place my signature"/></dt>
              <dd><var:popup list="signaturePlacementList" item="item"
                const:id="signaturePlacementList"
                const:name="signaturePlacementList"
                string="itemSignaturePlacementText"
                selection="userSignaturePlacement"/></dd>
              <dt><var:string label:value="Compose messages in"/></dt>
              <dd><var:popup list="composeMessagesType" item="item"
                const:id="composeMessagesType"
                const:name="composeMessagesType"
                string="itemComposeMessagesText"
                selection="userComposeMessagesType"/></dd>
              <dt><var:string label:value="Display remote inline images"/></dt>
              <dd><var:popup list="displayRemoteInlineImages" item="item"
                const:id="displayRemoteInlineImages"
                const:name="displayRemoteInlineImages"
                string="itemDisplayRemoteInlineImagesText"
                selection="userDisplayRemoteInlineImages"/></dd>
              <dt><var:string label:value="Auto save every"/></dt>
              <dd><input const:name="autoSave" const:id="autoSave"
              type="text" autocomplete="off" var:value="autoSave"/><var:string label:value="minutes"/></dd>
            </dl>
            
            <div class="tabsContainer" id="mailOptionsTabs">
              <ul>
                <var:if condition="isSieveScriptsEnabled"
                  ><li target="mailFiltersView"><span><var:string
                    label:value="Filters"/></span></li
                  ></var:if>
                <li target="mailLabelsView"><span><var:string
                  label:value="Labels"/></span></li>
              </ul>
              <div class="tabs">
                <var:if condition="isSieveScriptsEnabled"
                  ><div id="mailFiltersView" class="tab">
                    <script type="text/javascript">
                      var sieveCapabilities = <var:string value="sieveCapabilities" const:escapeHTML="NO"/>;
                    </script>
                    <div id="filtersListWrapper" class="listWrapper">
                      <table id="filtersList" cellspacing="0">
                        <thead>
                          <tr class="tableview">
                            <th const:class="tbtv_headercell" const:id="nameTableHeader"
                              ><var:string label:value="Name" /></th>
                            <th const:class="tbtv_headercell" const:id="activeTableHeader"
                              ><var:string label:value="Active" /></th>
                          </tr>
                        </thead>
                        <tbody><!--space --></tbody>
                      </table>
                      <input type="hidden" const:name="sieveFilters" const:id="sieveFilters"
                      var:value="sieveFiltersValue"/>
                    </div><!-- #filtersListWrapper -->
                    <div class="bottomToolbar">
                      <a const:id="filterAdd" class="bottomButton" href="#">
                        <span><img rsrc:src="add-icon.png" label:title="Add" /></span></a>
                      <a const:id="filterDelete" class="bottomButton" href="#">
                        <span><img rsrc:src="remove-icon.png" label:title="Delete" /></span></a>
                      <a const:id="filterMoveUp" class="bottomButton" href="#">
                        <span><img rsrc:src="up-icon.png" label:title="Move Up" /></span></a>
                      <a const:id="filterMoveDown" class="bottomButton" href="#">
                        <span><img rsrc:src="down-icon.png" label:title="Move Down" /></span></a>
                    </div><!-- .bottomToolbar -->
                    </div
                  ></var:if><!-- #mailFiltersView -->
                
                <div id="mailLabelsView" class="tab">
                  <div id="mailLabelsListWrapper" class="listWrapper">
                    <table id="labelsList" cellspacing="0">
                      <thead>
                        <tr class="tableview">
                          <th const:class="tbtv_headercell" const:id="labelTableHeader"
                            ><var:string label:value="Label"/></th>
                          <th const:class="tbtv_headercell" const:id="colorTableHeader"
                            ><var:string label:value="Color"/></th>
                        </tr>
                      </thead>
                      <tbody>
                        <var:foreach list="mailLabelList" item="label"
                          ><tr var:data-name="label.name" const:class="labelListRow">
                            <td const:class="labelListCell"
                              ><var:string var:value="label.label"/></td>
                            <td const:class="labelListCell">
                              <div const:class="colorBox" var:data-color="label.color"><entity name="nbsp"/></div>
                            </td>
                          </tr>
                        </var:foreach>
                      </tbody>
                    </table>
                  </div><!-- #mailLabelsListWrapper -->
                  <div class="bottomToolbar">
                    <a const:id="mailLabelAdd" class="bottomButton" href="#">
                      <span><img rsrc:src="add-icon.png" label:title="Add" />
                      </span></a>
                    <a const:id="mailLabelDelete" class="bottomButton" href="#">
                      <span><img rsrc:src="remove-icon.png" label:title="Delete" />
                      </span></a>
                  </div><!-- .bottomToolbar -->
                  <input type="hidden" const:id="mailLabelsValue"
                  const:name="mailLabelsValue" var:value="mailLabelsValue"/>
                </div><!-- #mailLabelsView -->
              </div><!-- .tabs -->
            </div><!-- #mailOptionsTabs -->
          </div><!-- #mailOptionsView -->
          
          <div id="mailAccountsView" class="tab">
            <input type="hidden" const:name="mailAccountsJSON" const:id="mailAccountsJSON"
            var:value="mailAccounts"/>
            <div id="mailAccountsListWrapper" class="listWrapper"
              ><ul id="mailAccountsList"
                ><!-- space --></ul
              ></div>
            <var:if condition="mailAuxiliaryUserAccountsEnabled">
              <div const:id="mailAccountsToolbar" class="bottomToolbar">
                <a const:id="mailAccountAdd" class="bottomButton" href="#">
                  <span><img rsrc:src="add-icon.png" label:title="Add" />
                  </span></a>
                <a const:id="mailAccountDelete" class="bottomButton" href="#">
                  <span><img rsrc:src="remove-icon.png" label:title="Delete" />
                  </span></a>
              </div>
            </var:if>
            <div id="mailAccountEditor">
              <fieldset const:id="accountInfo">
                <dl class="dl-horizontal">
                  <dt><var:string label:value="Server Name"/></dt>
                  <dd><input const:name="serverName" const:id="serverName" type="text" const:value=""/>
                    <var:string label:value="Port"/>
                    <input const:name="port" const:id="port" type="text" const:value=""/></dd>
                  <dt><var:string label:value="Encryption"/></dt>
                  <dd><input const:name="encryption" type="radio" const:value="none"/>
                    <var:string label:value="None"/>
                    <input const:name="encryption" type="radio" const:value="ssl"/>
                    <var:string label:value="SSL"/>
                    <input const:name="encryption" type="radio" const:value="tls"/>
                    <var:string label:value="TLS"/></dd>
                  <dt><var:string label:value="User Name"/></dt>
                  <dd><input const:name="userName" const:id="userName" type="text" const:value=""/></dd>
                  <dt><var:string label:value="Password"/></dt>
                  <dd><input const:name="password" const:id="password" type="password" const:value=""/></dd>
                </dl>
                <input const:name="encryption" type="hidden" const:value="none"/>
              </fieldset>
              
              <script type="text/javascript">
                var mailCustomFromEnabled = <var:string value="mailCustomFromEnabled" const:escapeHTML="NO"/>;
              </script>
              
              <fieldset const:id="identityInfo">
                <dl class="dl-horizontal">
                  <dt><var:string label:value="Full Name"/></dt>
                  <dd><input const:name="fullName" const:id="fullName" type="text" const:value=""/></dd>
                  <dt><var:string label:value="Email"/></dt>
                  <dd><input const:name="email" const:id="email" type="text" const:value=""/></dd>
                  <dt><var:string label:value="Reply To Email"/></dt>
                  <dd><input const:name="replyTo" const:id="replyTo" type="text" autocomplete="off" const:value=""/></dd>
                  <dt><var:string label:value="Signature"/></dt>
                  <dd><span id="actSignature"><!--space --></span></dd>
                </dl>
              </fieldset>
              
              <fieldset const:id="returnReceiptsInfo">
                <var:string
                label:value="When I receive a request for a return receipt"
                /><br/>
                <label><input const:name="receipt-action" const:id="receipt-action-ignore"
                  type="radio" const:value="ignore"/>
                  <var:string
                  label:value="Never send a return receipt"/></label
                ><br/>
                <label><input const:name="receipt-action" const:id="receipt-action-allow"
                  type="radio" const:value="allow"/>
                  <var:string
                  label:value="Allow return receipts for some messages"/></label
                ><br/>
                <div id="receiptOptions">
                  <var:string
                  label:value="If I'm not in the To or Cc of the message"/>
                  <select name="receipt-non-recipient-action" id="receipt-non-recipient-action">
                    <option const:value="ignore"><var:string label:value="Never send"/></option>
                    <option const:value="send"><var:string label:value="Always send"/></option>
                    <option const:value="ask"><var:string label:value="Ask me"/></option>
                  </select><br/>
                  
                  <var:string
                  label:value="If the sender is outside my domain"/>
                  <select name="receipt-outside-domain-action" id="receipt-outside-domain-action">
                    <option const:value="ignore"><var:string label:value="Never send"/></option>
                    <option const:value="send"><var:string label:value="Always send"/></option>
                    <option const:value="ask"><var:string label:value="Ask me"/></option>
                  </select><br/>
                  
                  <var:string
                  label:value="In all other cases"/>
                  <select name="receipt-any-action" id="receipt-any-action">
                    <option const:value="ignore"><var:string label:value="Never send"/></option>
                    <option const:value="send"><var:string label:value="Always send"/></option>
                    <option const:value="ask"><var:string label:value="Ask me"/></option>
                  </select><br/>
                </div>
              </fieldset>
            </div>
          </div>
          
          <var:if condition="isVacationEnabled">
            <div id="vacationView" class="tab">
              <label><input type="checkbox"
                const:name="enableVacation"
                const:id="enableVacation"
                var:checked="enableVacation" />
                <var:string label:value="Enable vacation auto reply"/></label>
              <div id="vacation">
                <label><var:string label:value="Auto reply message"/><br/>
                  <textarea const:name="autoReplyText"
                  const:id="autoReplyText"
                  var:value="autoReplyText"/>
                </label><br/>
                
                <label><var:string label:value="Email addresses (separated by commas)"/><br/>
                  <input type="hidden"
                  const:id="defaultEmailAddresses"
                  var:value="defaultEmailAddresses" />
                  <textarea const:name="autoReplyEmailAddresses"
                  const:id="autoReplyEmailAddresses"
                  var:value="autoReplyEmailAddresses" /><br/>
                  <span><a href="#" class="button" id="addDefaultEmailAddresses"><span>
                    <var:string label:value="Add default email addresses" /></span></a>
                  </span>
                </label><br/>

                <label><var:string label:value="Days between responses"/>
                  <var:popup list="daysBetweenResponsesList" item="item"
                  const:id="daysBetweenResponsesList"
                  const:name="daysBetweenResponsesList"
                  string="item"
                  selection="daysBetweenResponses" /></label><br/>
                
                <label><input type="checkbox"
                  const:name="ignoreLists"
                  const:id="ignoreLists"
                  var:checked="ignoreLists" />
                  <var:string label:value="Do not send responses to mailing lists" /></label><br/>
                
                <label class="timeDate"><input var:checked="enableVacationEndDate"
                  const:name="enableVacationEndDate" const:id="enableVacationEndDate" type="checkbox" class="checkBox"
                  /><var:string label:value="Disable auto reply on" /></label><var:component className="UIxTimeDateControl"
                const:displayTimeControl="0"
                var:disabled="disableVacationEndDate"
                const:controlID="vacationEndDate"
                date="vacationEndDate"
                const:dayStartHour="0"
                const:dayEndHour="23"
                /><br/>

                <label><input type="checkbox"
                  const:name="alwaysSend"
                  const:id="alwaysSend"
                  var:checked="alwaysSend" />
                  <var:string label:value="Always send vacation message response" /></label><br/>

              </div>
            </div>
            </var:if
          ><var:if condition="isForwardEnabled">
            <div id="forwardView" class="tab">
              <label><input type="checkbox"
                const:name="enableForward"
                const:id="enableForward"
                var:checked="enableForward" />
                <var:string label:value="Forward incoming messages"/></label><br/>
              
              <div id="forward">
                <label><var:string label:value="Email addresses (separated by commas)"/><br/>
                  <textarea const:name="forwardAddress"
                  const:id="forwardAddress"
                  var:value="forwardAddress" />
                </label><br/>
                
                <label><input type="checkbox"
                  const:name="forwardKeepCopy"
                  const:id="forwardKeepCopy"
                  var:checked="forwardKeepCopy" />
                 <var:string label:value="Keep a copy" /></label><br/>
                 <script type="text/javascript">
                   var forwardConstraints = <var:string value="forwardConstraints" const:escapeHTML="NO"/>;
                  </script>
              </div>
            </div>
          </var:if>
        </var:if><!-- userHasMailAccess -->
        <var:if condition="shouldDisplayPasswordChange">
          <div id="passwordView" class="tab">
            <p id="passwordFields"><label><var:string label:value="New password"
              /><input const:id="newPasswordField" class="textField"
              type="password" const:value=""/></label><br/>
            <label><var:string label:value="Confirmation"
              /><input const:id="newPasswordConfirmationField" class="textField"
              type="password" const:value=""/></label><br/>
            <a href="#" class="button" id="changePasswordBtn"
              ><span><var:string label:value="Change"/></span></a><br/>
            </p>
            <p id="passwordError"><!-- space --></p>
          </div>
          </var:if
        ><var:if condition="shouldDisplayAdditionalPreferences"
          ><div id="additionalView" class="tab">
            <var:component className="UIxAdditionalPreferences"/>
          </div></var:if>
        <input type="hidden" id="hasChanged" name="hasChanged"
        var:value="hasChanged"/>
      </div>
    </div>
  </form>

</var:component>
