{* this is a copy of admin/theme/defaults/template/comments.tpl a bit modified *}
  
{footer_script}{literal}
jQuery(document).ready(function(){
  function highlighComments() {
    jQuery(".checkComment").each(function() {
      var parent = jQuery(this).parent('tr');
      if (jQuery(this).children("input[type=checkbox]").is(':checked')) {
        jQuery(parent).addClass('selectedComment'); 
      }
      else {
        jQuery(parent).removeClass('selectedComment'); 
      }
    });
  }

  jQuery(".checkComment").click(function(event) {
    var checkbox = jQuery(this).children("input[type=checkbox]");
    if (event.target.type !== 'checkbox') {
      jQuery(checkbox).attr('checked', !jQuery(checkbox).is(':checked'));
    }
    highlighComments();
  });

  jQuery("#commentSelectAll").click(function () {
    jQuery(".checkComment input[type=checkbox]").attr('checked', true);
    highlighComments();
    return false;
  });

  jQuery("#commentSelectNone").click(function () {
    jQuery(".checkComment input[type=checkbox]").attr('checked', false);
    highlighComments();
    return false;
  });

  jQuery("#commentSelectInvert").click(function () {
    jQuery(".checkComment input[type=checkbox]").each(function() {
      jQuery(this).attr('checked', !$(this).is(':checked'));
    });
    highlighComments();
    return false;
  });

});
{/literal}{/footer_script}

<div class="titrePage">
  <h2>{'Pending Comments'|@translate} [{'Albums'|@translate}]</h2>
</div>

{if !empty($comments) }
<form method="post" action="{$F_ACTION}" id="pendingComments">

<table>
  {foreach from=$comments item=comment name=comment}
    <tr valign="top" class="{if $smarty.foreach.comment.index is odd}row2{else}row1{/if}">
      <td style="width:50px;" class="checkComment">
        <input type="checkbox" name="comments[]" value="{$comment.ID}">
      </td>
      <td>
        <div class="comment">
          <a class="illustration" href="{$comment.CAT_URL}"><img src="{$comment.TN_SRC}"><br/>{$comment.CAT_NAME}</a>
          <p class="commentHeader"><strong>{$comment.AUTHOR}</strong> - <em>{$comment.DATE}</em></p>
          <blockquote>{$comment.CONTENT}</blockquote>
        </div>
      </td>
    </tr>
  {/foreach}
</table>

  <p class="checkActions">
    {'Select:'|@translate}
    <a href="#" id="commentSelectAll">{'All'|@translate}</a>,
    <a href="#" id="commentSelectNone">{'None'|@translate}</a>,
    <a href="#" id="commentSelectInvert">{'Invert'|@translate}</a>
  </p>

  <p class="bottomButtons">
    <input class="submit" type="submit" name="validate_albums" value="{'Validate'|@translate}">
    <input class="submit" type="submit" name="reject_albums" value="{'Reject'|@translate}">
  </p>

</form>
{else}
{'No pending comment'|@translate}
{/if}