% layout 'ui';


% my $dump = param('dump');
% my $apply_on_path = param('apply_on_path');

<form method=post>
<input type=submit value="Apply"> on
<select name=apply_on_path>
% foreach my $p ( @$loaded ) {
<option<%= $p eq $apply_on_path ? ' selected' : '' %>><%= $p %></option>
% }
</select>
<label><input type=checkbox name=dump <%= $dump ? 'checked' : '' %>>dump</label>

% if ( $apply_on_path ) {
<ul id=status>
%  foreach my $status ( keys %$stats ) {
<li><label>
<input name=show type=checkbox value="<%= $status %>" checked>
<%= $status %>
<span class=count><%= $stats->{$status} %></span>
</label>
%  }
</ul>

<input type=submit name=commit value="Commit changes">

% }

</form>

<table>
<tr><th></th><th>old</th><th>new</th></tr>

% foreach my $e ( @$edits ) {
<tr class="edit <%= $e->{_status} || 'unknown' %>">
<td>
<%= $e->{time} %>
<tt><%= $e->{column} %></tt>
%  if ( my $status = $e->{_status} ) {
%    my ( $pk, $id ) = %{ $e->{unique} };
<a href="<%= url_for( controller => 'data', action => 'filter' )->query( filter_name => $pk, filter_vals => $id ) %>"><%= $id %></a>
<%= $status %>
%  } else {
<a href="<%= url_for( action => 'edit' )->query( remove => $e->{time} ) %>">remove</a>
%  }

</td><td><%== defined $e->{old} && join('<span class=d>&para;</span>', @{$e->{old}}) %>
</td><td><%== defined $e->{new} && join('<span class=d>&para;</span>', @{$e->{new}}) %>

%  if ( $dump ) {
</td><td><pre class=debug><%= dumper $e %></pre>
%  }
</tr>
% }

</table>

<pre class=debug>
<%= dumper( $stats ) %>
</pre>

<script type="text/javascript">

$(document).ready( function(){
	console.debug('ready');
	$('ul#status > li input[type=checkbox]').click( function(){
		var toggle = this.value;
		console.debug('click',this,toggle);
		$('tr.'+toggle).toggleClass('hidden');
	});
});

</script>