<!-- BEGIN [% template.title %] -->
  [% META title = 'Worklist &raquo; Outreach Report Labels' -%]

  <h3 class="header">Outreach report labels for requests authorised between:</h3>

	[% addcss =	[
			'smoothness/jquery-ui-1.8.4.custom.css' # for DatePicker
		]
	%]
	
    [% # PROCESS site/js/jquery.tt # already loaded in html_wrapper %]
	<script type="text/javascript" src="/js/jquery-ui-1.8.4.custom.min.js"></script>	
    <script type="text/javascript">
        $(function() {
          $('.datepicker').datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy',
          });
        });
	</script>

  <form method="post" action="[% app_url %]/outreach/report_labels">
    <table class="indent">
        <tr>
            <td class="label" align="right">Date from:</td>
            <td>
                <input type="text" name="date_from" id="date_from"
                    class="validate[ajax[ajaxDate]] datepicker" size="8"
                    value="[%  %]" />
            </td>
            <td rowspan="2" class="borderless">
                [% site.html.submit %]
                [% site.html.reset %]
            </td>
        </tr>
        <tr>
            <td class="label" align="right">Date to:</td>
            <td>
                <input type="text" name="date_to" id="date_to"
                    class="validate[ajax[ajaxDate]] datepicker" size="8"
                    value="[%  %]" />
            </td>
        </tr>
    </table>
  </form>  
<!-- END [% template.title %] -->