{% ckan_extends %}

{% block secondary_content %}
  {% resource 'ckanext-datesearch/moment.js' %}
  {% resource 'ckanext-datesearch/datepicker.css' %}
  {% resource 'ckanext-datesearch/daterange.css' %}
  {% resource 'ckanext-datesearch/bootstrap-datepicker.js' %}
  {% resource 'ckanext-datesearch/daterangepicker-module.js' %}

  {# This <section> is the date-range picker widget in the sidebar. #}
  <section class="module module-narrow module-shallow">
    <h2 class="module-heading">
      <i class="icon-medium icon-calendar"></i> {{ _('Filter by time') }}
      <a href="{{ h.remove_url_param(['ext_startdate', 'ext_enddate']) }}" class="action">{{ _('Clear') }}</a>
    </h2>
    <div class="module-content input-prepend input-daterange" data-module="daterange-query" id="datepicker">
    <table id="daterange-table">
	 <tr>
		 <td><span class="add-on" style="border:none;background-color:#ffffff;">From&nbsp;&nbsp;</span></td>
		 <td><input type="text" class="input-mini" readonly="" name="start" id="start" data-module="daterangepicker-module" placeholder="Start time" /></td>
    </tr>
    <tr>
	    <td><span class="add-on" style="border:none;background-color:#ffffff;">To&nbsp;&nbsp;</span></td>
	    <td><input type="text" class="input-mini" readonly="" name="end" id="end" data-module="daterangepicker-module" placeholder="End time" /></td>
    </tr>
    </table>
    </div>
    <!--<p style="margin-left: 15px; font-size: 12px;">
    <a href="?q=time_date:*" title="Get all temporal {{ _('dataset') }}">See All</a>
    </p>-->
  </section>

  {{ super() }}
{% endblock %}