<!-- preferences : time tab -->
<p>[%l('PREFS DESIRED LOCATION')%]</p>

<form action="my/preferences/update" method="POST" name="time_format">
    <input type="hidden" name="form_name" value="time_format">
    <table width="550" border="1">
        [% IF tz_message %]
        <!-- Message to user -->
        <tr>
        <td colspan="2"><b><i>[% tz_message %]</i></b></td>
        </tr>
        [% END %]

        <!-- TZ category list -->
        <tr>
            <td>
                <select id="selectZone" name="selectZone">
                    <option value="">[ [%l('Select Zone')%] ]</option>
                    [% FOREACH item=tz_categories %]
                    <option value="[% item %]">[% item %]</option>
                    [% END %]
                </select>
            </td>

            <td class="right_align" />
                <label for="use_utc">[%l('Use UTC')%]</label>
                <input type="checkbox" id="use_utc" name="use_utc" value="1" onChange="toggle_timezone_menus(this)"/>
            </td>
        </tr>

        <!-- Time Format List -->
        <tr>
            <td>
                <select id="time_format" name="time_format" style="text-align: center;">
                    <option value="">([%l('Default')%])</option>
                    [% WHILE (tf = time_formats.next) %]
                    <option value="[% tf.id %]">[% tf.sample %]</option>
                    [% END %]
                </select>
            </td>
            <td class="right_align">
                <label for="show_tz">[%l('Show timezone')%]</label>
                <input type="checkbox" id="show_tz" name="show_tz" value="1" />
            </td>
        </tr>

        <!-- <tr><td colspan="2">&nbsp;</td></tr> -->

        <tr>
            <td>[%l('Time formatting example')%]:</td>
            <td><i>[% nicedate(current_time) %]</i></td>
        </tr>

        <tr><td colspan="2">&nbsp;</td></tr>


        <tr>
            <td colspan="2" style="text-align: center;">
            <input type="submit" value="[%l('Update')%]" name="update" class="input_button" />
            </td>
        </tr>
    </table>
</form>

<script language="JavaScript" type="text/javascript">
<!-- Begin

    function toggle_timezone_menus(checkbox) {
        var zone_menu   = document.getElementById('selectZone');
        //var place_menu  = document.getElementById('selectPlace');

        zone_menu.disabled  = checkbox.checked;
        //place_menu.disabled = checkbox.checked;
    }

    // we want to make sure the menus are disabled if they need to be
    var use_utc_cbox = document.getElementById('use_utc');
    toggle_timezone_menus(use_utc_cbox);
    
// End -->
</script>
<!-- (end) preferences : time tab -->
