<%@ page buffer="8kb" autoFlush="true" %>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="zm" uri="com.zimbra.zm" %>
<%@ taglib prefix="mo" uri="com.zimbra.mobileclient" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="com.zimbra.i18n" %>
<mo:handleError>
    <zm:getMailbox var="mailbox"/>
    <zm:getUserAgent var="ua" session="true"/>
    <c:choose>
        <c:when test="${not empty mailbox.prefs.locale}">
            <fmt:setLocale value='${mailbox.prefs.locale}' scope='request'/>
        </c:when>
        <c:otherwise>
            <fmt:setLocale value='${pageContext.request.locale}' scope='request'/>
        </c:otherwise>
    </c:choose>
    <fmt:setBundle basename="/messages/ZhMsg" scope="request"/>
    <fmt:setBundle basename='/messages/AjxMsg' var='AjxMsg' scope='request'/>
</mo:handleError>
<c:set var="context_url" value="${requestScope.baseURL!=null?requestScope.baseURL:'zmain'}"/>
<c:url var="currentUrl" value="${context_url}"><c:param name="st" value="${param.st}"/></c:url>
<c:url var="caction" value="${context_url}">
    <c:param name="st" value="${mailbox.prefs.groupMailBy}"/>
</c:url>
<c:if test="${not empty param.emsg}"><div class="StatusWarning"><fmt:message key="${zm:cook(param.emsg)}"/></div></c:if>


<form action="${currentUrl}" method="post" name="optionsForm" onsubmit="return submitForm(this);" accept-charset="UTF-8">
    <input type="hidden" name="doPrefsAction" value="1">
    <c:choose>
        <c:when test="${ua.isiPad == true}">
        <div class="tb tbl">
                <div class="tr">
                    <span class="zo_tb_submit td toolbar">
                        <div class="compose button"><input class="zo_button" name="actionPrefsSave" type="submit" value="<fmt:message key="save"/>"></div>
                        <div class="buttonRight button"><a id="cancel" href="${caction}"><span onclick="return zClickLink('cancel')"><fmt:message key="cancel"/></span></a></div>
                    </span>
                </div>
        </div>
        </c:when>
        <c:otherwise>
                <div class="tb tbl">
                <div class="tr">
                    <div class="td aleft titleText"><b><fmt:message key="options"/></b></div>
                </div>
                </div>
        </c:otherwise>
    </c:choose>
    
    <div class="wrap-dlist" id="wrap-dlist-view">
    <div class="tbl dlist" id="dlist-pref">
    
    <div class="Stripes" id="prefDiv">
        <div class="sectionLbl"><div class="tr"><div class="td titleText"><b><fmt:message key="general"/></b></div></div></div>
        <div class="View prefBody">
            <div class="tbl">
                <div class="tr">
                    <span class="label aleft  td" style='white-space:nowrap;'><b><fmt:message key="timeZonePref"/></b></span>
	        <span class="value aleft td"><select name="zimbraPrefTimeZoneId" id="timeZone">
	            <c:set var="tzpref" value="${mailbox.prefs.timeZoneCanonicalId}"/>
	            <zm:forEachTimeZone var="tz">
	                <fmt:message var="displayName" bundle='${AjxMsg}' key="${tz.id}"/>
	                <option
	                        <c:if test="${tzpref eq tz.id}">selected</c:if>
	                        value="${fn:escapeXml(tz.id)}">${fn:escapeXml(displayName)}</option>
	            </zm:forEachTimeZone>
		        </select></span>
	                </div>
            </div>
        </div>
        <div class="sectionLbl"><div class="tr"><div class="td titleText"><b><fmt:message key="mail"/></b></div></div></div>
        <div class="View prefBody">
            <div class="tbl">
                <div class="tr">
                    <span class="label aleft td"><b><fmt:message key="optionsEmailPerPage"/></b></span>
        <span class="value aleft td"><select name="zimbraPrefMailItemsPerPage"
                                                               id="itemsPP">
            <c:set var="mailItemsPP" value="${mailbox.prefs.mailItemsPerPage}"/>
            <option <c:if test="${mailItemsPP eq 5}"> selected="selected"</c:if>>5</option>
            <option <c:if test="${mailItemsPP eq 10}"> selected="selected"</c:if>>10</option>
            <option <c:if test="${mailItemsPP eq 15}"> selected="selected"</c:if>>15</option>
            <option <c:if test="${mailItemsPP eq 20}"> selected="selected"</c:if>>20</option>
            <option <c:if test="${mailItemsPP eq 25}"> selected="selected"</c:if>>25</option>
        </select></span>
                </div>
                <c:if test="${mailbox.features.conversations}">
                    <div class="tr nr">
                        <span class="label aleft td"><b><fmt:message key="groupMailBy"/></b></span>
        <span class="value aleft td"><select name="zimbraPrefGroupMailBy"
                                                               id="groupMailBy">
            <c:set var="groupMailBy" value="${mailbox.prefs.groupMailBy}"/>
            <option
                    <c:if test="${groupMailBy eq 'conversation'}">selected</c:if> value="conversation"><fmt:message
                    key="conversation"/></option>
            <option
                    <c:if test="${groupMailBy eq 'message'}">selected</c:if> value="message"><fmt:message
                    key="message"/></option>
        </select></span>
                    </div>
                </c:if>
                <c:if test="${mailbox.features.initialSearchPreference}">
                    <div class="tr nr">
                        <span class="label aleft td"><b><fmt:message key="optionsDefaultMailSearch"/></b></span>
		<span class="value aleft td"><input id="zimbraPrefMailInitialSearch" style="width:138px;" type="text"
                                                     name='zimbraPrefMailInitialSearch'
                                                     value="${fn:escapeXml(mailbox.prefs.mailInitialSearch)}">
		</span>
                    </div>
                </c:if>
            </div>
        </div>
        <div class="sectionLbl"><div class="tr"><div class="td titleText"><b><fmt:message key="contact"/></b></div></div></div>
        <div class="View prefBody">
            <div class="tbl">
                <div class="tr">
                    <span class="label aleft  td"><b><fmt:message key="optionsContactsPerPage"/></b></span>
        <span class="value aleft td">
            <select name="zimbraPrefContactsPerPage" id="itemsPP1" style="width:150px">
                <c:set var="pageSize" value="${mailbox.prefs.contactsPerPage}"/>
                <option <c:if test="${pageSize eq 5}"> selected="selected"</c:if>>5</option>
                <option <c:if test="${pageSize eq 10}"> selected="selected"</c:if>>10</option>
                <option <c:if test="${pageSize eq 15}"> selected="selected"</c:if>>15</option>
                <option <c:if test="${pageSize eq 20}"> selected="selected"</c:if>>20</option>
                <option <c:if test="${pageSize eq 25}"> selected="selected"</c:if>>25</option>
            </select></span>
                </div>

                <div class="tr nr">
                    <span class="label aleft td"><b><fmt:message key="autoAddContacts"/></b></span>
        <span class="value aleft td">
            <input onchange="this.className = 'check '+(this.checked ? 'on':'off');" type="checkbox"
                   id="zimbraPrefAutoAddAddressEnabled" name='zimbraPrefAutoAddAddressEnabled' value="TRUE"
                   class="check <c:if test="${mailbox.prefs.autoAddAddressEnabled}">on" checked="checked</c:if>">
        </span>
                </div>
           
            </div> 
        </div>
        <div class="sectionLbl"><div class="tr"><div class="td titleText"><b><fmt:message key="calendar"/></b></div></div></div>
        <div class="View prefBody">
            <div class="tbl">
                <div class="tr">
                    <span class="label aleft td"><b><fmt:message key="calendarFirstDayOfWeek"/></b></span>
        <span class="value aleft td">
            <fmt:getLocale var="userLocale"/>
            <c:set var="dateSymbols" value="${zm:getDateFormatSymbols(userLocale,pageContext)}"/>
            <c:set var="weekDays" value="${dateSymbols.weekdays}"/>
            <c:set var="dow" value="${mailbox.prefs.calendarFirstDayOfWeek}"/>
             <select name="zimbraPrefCalendarFirstdayOfWeek" id="fdow" style="padding:0px !important;margin:0px !important;overflow:hidden;">
                 <c:forEach var="day" begin="1" end="7">
                     <option value="${day-1}" <c:if test="${dow eq (day-1)}"> selected</c:if>>${weekDays[day]}</option>
                 </c:forEach>
             </select></span>
                </div>
                <div class="tr nr">
                    <span class="label aleft td"><b><fmt:message key="shouldShowTimezone"/></b></span>
        <span class="value aleft td">
            <input onchange="this.className ='check '+(this.checked ? 'on':'off');" type="checkbox"
                   id="zimbraPrefUseTimeZoneListInCalendar" name='zimbraPrefUseTimeZoneListInCalendar' value="TRUE"
                   class="check <c:if test="${mailbox.prefs.useTimeZoneListInCalendar}">on"
                   checked="checked</c:if>"></span>
                </div>
            </div>
        </div>
 
   
    <c:if test="${ua.isiPad == false}">
    <div class="sectionLbl"><div class="tr"><div class="td titleText"><b><fmt:message key="MO_SessionPrefs"/></b></div></div></div> 
    <div class='View prefBody'>
        <div class="tbl small-gray-text">
                <div class="tr"><div class="td aleft"><b><fmt:message key="MO_SessionPrefsNote"/></b></div></div>
         </div>    
        <div class="tbl">
            <div class="tr nr">
                <span class="label aleft td"><fmt:message key="MO_MaxFolders"/></span>
                <span class="value aleft td"> <input type="text" maxlength="4" name="F_LIMIT" value="${sessionScope.F_LIMIT}">
                </span>
            </div>
        </div>
        <div class="tbl small-gray-text">
            <div class="tr nr"><div class="td aleft"><fmt:message key="MO_MaxFoldersAllowedNote"/></div></div>
        </div>
    </div> 
    </div>
    </div>
    <div class="tb tbl">
        <div class="tr">
            <div class="td">
                <a id='_back' href="?st=${mailbox.prefs.groupMailBy}&_back=1" class="zo_button"><fmt:message
                        key="cancel"/></a>
                <%--<app:button id="OPSEND" name="actionSave" src="common/ImgSave.png" tooltip="save" text="save"/>--%>
                <input type="submit" class="zo_button" name="actionPrefsSave" value="<fmt:message key="save"/>">
            </div>
        </div>
    </div>
    </c:if>
   
</form>
