# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, you can obtain one at http://mozilla.org/MPL/2.0/.
  <html:div data-category="paneCalendar">
  <html:fieldset data-category="paneCalendar">
    <separator/>
    <box id="datePrefsBox">
      <hbox align="center">
        <label data-l10n-id="dateformat-label"
               control="dateformat"/>
      </hbox>
      <hbox align="center">
        <menulist id="dateformat" crop="none"
                  flex="1"
                  preference="calendar.date.format">
          <menupopup id="dateformatpopup">
            <menuitem id="dateformat-long-menuitem"
                      value="0"/>
            <menuitem id="dateformat-short-menuitem"
                      value="1"/>
          </menupopup>
        </menulist>
      </hbox>
      <spacer/>
#if defined(XP_WIN) || defined(XP_MACOSX) || defined(MOZ_WIDGET_GTK) && defined(MOZ_ENABLE_DBUS)
      <radiogroup id="timezone-source-radio-group"
                  orient="vertical"
                  preference="calendar.timezone.useSystemTimezone">
        <hbox align="center">
          <radio id="use-system-timezone-radio-button"
                 value="true"
                 data-l10n-id="use-system-timezone-radio-button"/>
        </hbox>
        <hbox>
          <radio id="set-timezone-manually-radio-button"
                 value="false"
                 data-l10n-id="set-timezone-manually-radio-button"/>
        </hbox>
      </radiogroup>
      <spacer/><spacer/>
      <hbox align="center" class="indent">
        <label data-l10n-id="timezone-label"
               control="calendar-timezone-menulist"/>
      </hbox>
      <hbox align="center">
        <menulist id="calendar-timezone-menulist"
                  flex="1"
                  preference="calendar.timezone.local">
          <menupopup id="calendar-timezone-menupopup"/>
        </menulist>
      </hbox>
#else
      <hbox align="center" class="indent">
        <label data-l10n-id="timezone-label"
               control="calendar-timezone-menulist"/>
      </hbox>
      <hbox align="center">
        <menulist id="calendar-timezone-menulist"
                  flex="1"
                  preference="calendar.timezone.local">
          <menupopup id="calendar-timezone-menupopup"/>
        </menulist>
      </hbox>
#endif
      <spacer/>
      <hbox align="center" flex="1">
        <label data-l10n-id="weekstart-label"
               control="weekstarts"/>
      </hbox>
      <hbox align="center">
        <menulist id="weekstarts"
                  flex="1"
                  preference="calendar.week.start"
                  oncommand="gViewsPane.updateViewWorkDayCheckboxes(this.value)">
          <menupopup id="weekstartspopup">
            <menuitem data-l10n-id="day-1-name" value="0"/>
            <menuitem data-l10n-id="day-2-name" value="1"/>
            <menuitem data-l10n-id="day-3-name" value="2"/>
            <menuitem data-l10n-id="day-4-name" value="3"/>
            <menuitem data-l10n-id="day-5-name" value="4"/>
            <menuitem data-l10n-id="day-6-name" value="5"/>
            <menuitem data-l10n-id="day-7-name" value="6"/>
          </menupopup>
        </menulist>
      </hbox>
      <spacer/>
    </box>
    <hbox align="center" flex="1">
      <checkbox id="weekNumber"
                crop="end"
                data-l10n-id="show-weeknumber-label"
                preference="calendar.view-minimonth.showWeekNumber"/>
    </hbox>
    <separator/>
    <hbox>
      <vbox>
        <label data-l10n-id="workdays-label"/>
      </vbox>
      <vbox>
        <hbox>
          <checkbox id="dayoff0"
                    class="dayOffCheckbox"
                    data-l10n-id="day-1-checkbox"
                    orient="vertical"
                    preference="calendar.week.d0sundaysoff"/>
          <checkbox id="dayoff1"
                    class="dayOffCheckbox"
                    data-l10n-id="day-2-checkbox"
                    orient="vertical"
                    preference="calendar.week.d1mondaysoff"/>
          <checkbox id="dayoff2"
                    class="dayOffCheckbox"
                    data-l10n-id="day-3-checkbox"
                    orient="vertical"
                    preference="calendar.week.d2tuesdaysoff"/>
          <checkbox id="dayoff3"
                    class="dayOffCheckbox"
                    data-l10n-id="day-4-checkbox"
                    orient="vertical"
                    preference="calendar.week.d3wednesdaysoff"/>
          <checkbox id="dayoff4"
                    class="dayOffCheckbox"
                    data-l10n-id="day-5-checkbox"
                    orient="vertical"
                    preference="calendar.week.d4thursdaysoff"/>
          <checkbox id="dayoff5"
                    class="dayOffCheckbox"
                    data-l10n-id="day-6-checkbox"
                    orient="vertical"
                    preference="calendar.week.d5fridaysoff"/>
          <checkbox id="dayoff6"
                    class="dayOffCheckbox"
                    data-l10n-id="day-7-checkbox"
                    orient="vertical"
                    preference="calendar.week.d6saturdaysoff"/>
        </hbox>
      </vbox>
    </hbox>
  </html:fieldset>
  </html:div>

  <html:div data-category="paneCalendar">
  <html:fieldset data-category="paneCalendar">
    <html:legend data-l10n-id="dayweek-legend"></html:legend>
    <html:table id="dayAndWeekViewsTable">
      <html:tr>
        <html:th>
           <label data-l10n-id="visible-hours-label"
                  control="visiblehours"/>
        </html:th>
        <html:td>
          <hbox align="center">
          <hbox>
            <menulist id="visiblehours"
                      preference="calendar.view.visiblehours">
              <menupopup id="visiblehourspopup">
                <menuitem label="1" value="1"/>
                <menuitem label="2" value="2"/>
                <menuitem label="3" value="3"/>
                <menuitem label="4" value="4"/>
                <menuitem label="5" value="5"/>
                <menuitem label="6" value="6"/>
                <menuitem label="7" value="7"/>
                <menuitem label="8" value="8"/>
                <menuitem label="9" value="9"/>
                <menuitem label="10" value="10"/>
                <menuitem label="11" value="11"/>
                <menuitem label="12" value="12"/>
                <menuitem label="13" value="13"/>
                <menuitem label="14" value="14"/>
                <menuitem label="15" value="15"/>
                <menuitem label="16" value="16"/>
                <menuitem label="17" value="17"/>
                <menuitem label="18" value="18"/>
                <menuitem label="19" value="19"/>
                <menuitem label="20" value="20"/>
                <menuitem label="21" value="21"/>
                <menuitem label="22" value="22"/>
                <menuitem label="23" value="23"/>
                <menuitem label="24" value="24"/>
              </menupopup>
            </menulist>
          </hbox>
          <label data-l10n-id="visible-hours-end-label"/>
          </hbox>
        </html:td>
      </html:tr>
      <html:tr>
        <html:th>
          <label data-l10n-id="day-start-label"
                 control="daystarthour"/>
        </html:th>
        <html:td>
          <hbox>
            <menulist id="daystarthour"
                      oncommand="gViewsPane.updateViewEndMenu(this.value);"
                      preference="calendar.view.daystarthour">
              <menupopup id="daystarthourpopup">
                <menuitem id="timeStart0" value="0" data-l10n-id="midnight-label"/>
                <menuitem id="timeStart1" value="1"/>
                <menuitem id="timeStart2" value="2"/>
                <menuitem id="timeStart3" value="3"/>
                <menuitem id="timeStart4" value="4"/>
                <menuitem id="timeStart5" value="5"/>
                <menuitem id="timeStart6" value="6"/>
                <menuitem id="timeStart7" value="7"/>
                <menuitem id="timeStart8" value="8"/>
                <menuitem id="timeStart9" value="9"/>
                <menuitem id="timeStart10" value="10"/>
                <menuitem id="timeStart11" value="11"/>
                <menuitem id="timeStart12" value="12" data-l10n-id="noon-label"/>
                <menuitem id="timeStart13" value="13"/>
                <menuitem id="timeStart14" value="14"/>
                <menuitem id="timeStart15" value="15"/>
                <menuitem id="timeStart16" value="16"/>
                <menuitem id="timeStart17" value="17"/>
                <menuitem id="timeStart18" value="18"/>
                <menuitem id="timeStart19" value="19"/>
                <menuitem id="timeStart20" value="20"/>
                <menuitem id="timeStart21" value="21"/>
                <menuitem id="timeStart22" value="22"/>
                <menuitem id="timeStart23" value="23"/>
              </menupopup>
            </menulist>
          </hbox>
        </html:td>
      </html:tr>
      <html:tr>
        <html:th>
          <label data-l10n-id="day-end-label"
                 control="dayendhour"/>
        </html:th>
        <html:td>
          <hbox>
            <menulist id="dayendhour"
                      oncommand="gViewsPane.updateViewStartMenu(this.value);"
                      preference="calendar.view.dayendhour">
              <menupopup id="dayendhourpopup">
                <menuitem id="timeEnd1" value="1"/>
                <menuitem id="timeEnd2" value="2"/>
                <menuitem id="timeEnd3" value="3"/>
                <menuitem id="timeEnd4" value="4"/>
                <menuitem id="timeEnd5" value="5"/>
                <menuitem id="timeEnd6" value="6"/>
                <menuitem id="timeEnd7" value="7"/>
                <menuitem id="timeEnd8" value="8"/>
                <menuitem id="timeEnd9" value="9"/>
                <menuitem id="timeEnd10" value="10"/>
                <menuitem id="timeEnd11" value="11"/>
                <menuitem id="timeEnd12" value="12" data-l10n-id="noon-label"/>
                <menuitem id="timeEnd13" value="13"/>
                <menuitem id="timeEnd14" value="14"/>
                <menuitem id="timeEnd15" value="15"/>
                <menuitem id="timeEnd16" value="16"/>
                <menuitem id="timeEnd17" value="17"/>
                <menuitem id="timeEnd18" value="18"/>
                <menuitem id="timeEnd19" value="19"/>
                <menuitem id="timeEnd20" value="20"/>
                <menuitem id="timeEnd21" value="21"/>
                <menuitem id="timeEnd22" value="22"/>
                <menuitem id="timeEnd23" value="23"/>
                <menuitem id="timeEnd24" value="24" data-l10n-id="midnight-label"/>
              </menupopup>
            </menulist>
          </hbox>
        </html:td>
      </html:tr>
    </html:table>
    <checkbox id="showLocation" pack="end"
              data-l10n-id="location-checkbox"
              preference="calendar.view.showLocation"/>
    <spacer/>
  </html:fieldset>
  </html:div>

  <html:div data-category="paneCalendar">
  <html:fieldset id="viewsMultiweekGroupbox" data-category="paneCalendar">
    <html:legend data-l10n-id="multiweek-legend"></html:legend>
    <hbox align="center">
      <label data-l10n-id="number-of-weeks-label"
             control="viewsMultiweekTotalWeeks"/>
      <hbox>
        <menulist id="viewsMultiweekTotalWeeks"
                  preference="calendar.weeks.inview">
          <menupopup>
            <menuitem data-l10n-id="week-1-label" value="1"/>
            <menuitem data-l10n-id="week-2-label" value="2"/>
            <menuitem data-l10n-id="week-3-label" value="3"/>
            <menuitem data-l10n-id="week-4-label" value="4"/>
            <menuitem data-l10n-id="week-5-label" value="5"/>
            <menuitem data-l10n-id="week-6-label" value="6"/>
          </menupopup>
        </menulist>
      </hbox>
    </hbox>
    <hbox align="center" id="previousWeeksBox">
      <label data-l10n-id="previous-weeks-label"
             control="viewsMultiweekPreviousWeeks"/>
      <hbox>
        <menulist id="viewsMultiweekPreviousWeeks"
                  preference="calendar.previousweeks.inview">
          <menupopup>
            <menuitem data-l10n-id="week-0-label" value="0"/>
            <menuitem data-l10n-id="week-1-label" value="1"/>
            <menuitem data-l10n-id="week-2-label" value="2"/>
          </menupopup>
        </menulist>
      </hbox>
    </hbox>
  </html:fieldset>
  </html:div>