<%
  my $user_id = stash('user');
  my $project_id = stash('project');
  my $rev = stash('rev');
  my $from_rev = stash('from_rev');
  
  my $git = app->git;
  
  my $diff_tree = stash('diff_tree');
  my $blob_diff = stash('blob_diff');
  my $from_mode_str = $diff_tree->{from_mode_str};
  my $to_mode_str = $diff_tree->{to_mode_str};
  my $lines = $blob_diff->{lines} || [];
  my $file = $blob_diff->{file};
  $file = '' unless defined $file;
  my $from_file = $blob_diff->{from_file};
  $from_file = $file unless defined $from_file;
  my $status = $diff_tree->{status} || '';
  
  my $binary_rev_shown;
  my $binary_from_rev_shown;
  my $binary_not_shown;
  
  if ($blob_diff->{binary}) {
    if ($status eq 'A') {
      if ($git->blob_is_image(app->rep_info($user_id, $project_id), $rev, $file)) {
        $binary_rev_shown = 1;
      }
      else {
        $binary_not_shown = 1;
      }
    } elsif ($status eq 'D') {
      if ($git->blob_is_image(app->rep_info($user_id, $project_id), $from_rev, $file)) {
        $binary_from_rev_shown = 1;
      }
      else {
        $binary_not_shown = 1;
      }
    } else {
      if ($git->blob_is_image(app->rep_info($user_id, $project_id), $from_rev, $file)
        && $git->blob_is_image(app->rep_info($user_id, $project_id), $from_rev, $file)) {
        $binary_from_rev_shown = 1;
        $binary_rev_shown = 1;
      }
      else {
        $binary_not_shown = 1;
      }
    }
  }
%>

  <div class="commit-diff">
    <div class="commit-diff-header">
      <div>
        %= include '/include/diff_status_bar', diff_tree => $diff_tree;
        % if ($status eq 'R' || $status eq 'C') {
          <%= $from_file %> → <%= $file %>
        % } else {
          <%= $file %>
        % }
        % if ($status ne 'A' && $status ne 'D' && $from_mode_str ne $to_mode_str) {
          <%= "100$from_mode_str → 100$to_mode_str" %>
        % }
      </div>
      <div class="last-child">
        % if ($status eq 'D') {
          <a class="btn" href="<%= url_for("/$user_id/$project_id/blob/$from_rev/$file") %>">
            <b>View</b>
          </a>
        % } else {
          <a class="btn" href="<%= url_for("/$user_id/$project_id/blob/$rev/$file") %>">
            <b>View</b>
          </a>
        % }
      </div>
    </div>
    <div class="commit-diff-body">
        <%
          my $not_shown;
          my $from_rev_shown;
          my $rev_shown;
        %>
        

        % if ($blob_diff->{binary}) {
          % if ($binary_not_shown) {
            <div class="commit-diff-plain">
              Binary file not shown.
            </div>
          % } else {
            <div class="commit-diff-image">
              % if ($binary_from_rev_shown) {
                <a href="<%= url_for("/$user_id/$project_id/blob/$from_rev/$file") %>">
                  <img src="<%= url_for("/$user_id/$project_id/raw/$from_rev/$file") %>" style="border:1px solid red;padding:1px;margin-right:20px">
                </a>          
              % }
              
              % if ($binary_rev_shown) {
                <a href="<%= url_for("/$user_id/$project_id/blob/$rev/$file") %>">
                  <img src="<%= url_for("/$user_id/$project_id/raw/$rev/$file") %>" style="border:1px solid green;padding:1px;margin-left:20px">
                </a>
              % }
            </div>
          % }
        % } elsif (@$lines) {
          <table>

            % for my $line (@$lines) {
              % my $class = $line->{class};
              % my $value = $line->{value};

              <%
                my $bk_color_line = '';
                my $bk_color = '';
                my $border_color;
                if ($value =~ /^@/) {
                  $bk_color_line = '#f3f3ff';
                  $border_color = '#e4e4ff';
                  $bk_color = '#f8f8ff';
                } elsif ($value =~ /^\+/) {
                  $bk_color_line = '#ceffce';
                  $border_color = '#b4e2b4';
                  $bk_color = '#ddffdd';
                } elsif ($value =~ /^-/) {
                  $bk_color_line = '#f7c8c8';
                  $border_color = '#e9aeae';
                  $bk_color = '#fdd';
                } else {
                  $border_color = '#e5e5e5';
                }
              %>
              <tr >
                <td style="font-size:12px;color:#aaa;padding:0 7px;border-right:1px <%= $border_color %> solid;background:<%= $bk_color_line %>;">
                  <%= $line->{before_line_num} %>
                </td>
                <td style="font-size:12px;color:#aaa;padding:0 7px;border-right:1px <%= $border_color %> solid;background:<%= $bk_color_line %>;">
                  <%= $line->{after_line_num} %>
                </td>
                <td style="width:100%;padding-left:7px;background:<%= $bk_color %>;">
                  <pre style="border:none;background:none;padding:0;margin:0"><%= $value %></pre>
                </td>
              </tr>
            % }
          </table>
        % } else {
          <div class="commit-diff-plain">
            % if ($status eq 'R') {
              File renamed without changes.
            % } elsif ($status eq 'A' || $status eq 'D') {
               No changes.
            % } elsif ($from_mode_str ne $to_mode_str) {
              File mode changed.
            % }
          </div>
        % }
    </div>
  </div>