% layout 'ui';

<form method=post action=/data/filter >
<input type=hidden name=filter_name value="<%= $name %>">
<input type=submit value="Filter <%= $name %>">
<span class=count>
% my $checked_count = scalar keys %$checked;
% my $facet_count = $#{ $facet_names } + 1;
% if ( $checked_count ) {
%  if ( $checked_count == $facet_count ) {
<a id=checked-count href="<%= url_for->query( name => $name, all => 1 ) %>" title="reload all facets">all</a>
%  } else {
<a id=checked-count href="<%= url_for->query( name => $name, all => 0 ) %>" title="reload selected facets"><%= $checked_count %></a>
%  }
% } else {
<span id=checked-count>0</span>
% }
<span id=facet-count title="total"><%= $facet_count %></span>
</span>

<%= include 'all_checkboxes' %>

<%= include 'sorting' %>

<ul id=facet>
% my $max_facets = $ENV{MAX_FACETS} ||= 10000;
% my $facet_nr  = 0;
% my $all_values = param('all_values');
% $max_facets = $facet_count if $all_values;
% foreach my $n ( @$facet_names ) {
%  if ( $facet_nr++ == $max_facets ) {
<div class=alert>
First <a title="config MAX_FACETS" href="/config"><%= $max_facets %></a> values displayed
&middot;
<a href="<%= url_for()->query( name => $name, all_values => 1 ) %>">Show all <%= $facet_count %> values</a>
</div>
%  }
%  if ( $facet_nr > $max_facets && ! $checked->{$n} ) {
%    next;
%  }
<li>
<label>
<input type=checkbox name="filter_vals" value="<%= $n %>" <%= $checked->{$n} && defined $facet->{$n} ? 'checked' : '' %>>
<%= $n %>
</label>
%  if ( defined $facet->{$n} ) {
<span class="count"><%= $facet->{$n} %></span>
%  }
% }
</ul>

<input type=submit value="Filter <%= $name %>">
<input type=text name=_permanent>

</form>

% if ( $#$facet_names < 5000 ) {
<script type="text/javascript" src="/facet_graph.js"></script>
% }
<script type="text/javascript">
$(document).ready( function(){
	console.debug('check alert');
	var a = $('.alert');
	if ( a.length ) {
		$('.middle').html( a.html() );
	}
});
</script>

% if ( $#$facet_names < 100 ) {
<pre class=debug><%#= dumper $facet %></pre>
% }