<div class="browse">
  <table class='table_browse'>
    <thead>
      <tr>
        <td class='title' style='width:15px; text-align:center;'>Lp.</td>
        <td class='title'>Tytuł</td>
        <td class='title' style='text-align:center;'>Wersja</td>
        <td class='title' style="text-align: center;">Data modyfikacji</td>
        <td class='title' style='width:15px;'></td>
        <td class='title' style='width:15px;'></td>
      </tr>
    </thead>
    <tbody>
      <?
      $i = ( $this -> _bs - 1 ) * $this -> _limit + 1;
      if ( is_array( $this -> _articles ) ) foreach ( $this -> _articles as $article ) {
        ?>
        <tr>
          <td class='cell' style='text-align:center;'><?=$i;?>.</td>
          <td class='cell'><?=$article['title'];?></td>
          <td class='cell' style='text-align:center;'><?=$article['version'];?></td>
          <td class="cell" style="text-align: center;"><?=$article['date_modify'];?></td>
          <td class='cell'>
            <a href='./?rw=show&amp;id=<?=$article['id'];?>'>
              <span class='icon show'></span>
            </a>
          </td>
          <td class='cell'>
            <a onClick="confirmArticleRestor( '<?=$article['id'];?>')">Przywróć</a>
          </td>
        </tr>
        <?
        $i++;
      }
      ?>
    </tbody>
  </table>
</div>

<form method="POST" action="./" id="article_restore">
  <input type="hidden" name="rw" value="restore">
  <input type='hidden' name='<?=base64_encode("time");?>' value='<?=base64_encode(date("Y-m-d H:i:s"));?>'>
  <input type="hidden" name="id" id="article_id" value="">
</form>
<script type='text/javascript'>
  function mycallbackform(v,m,f){
    if( v == true )
      $( '#article_restore' ).submit();
  }
  function confirmArticleRestor( id ) {
    $( '#article_id' ).val( id );
    $.prompt( 'Na pewno chcesz przywrócić wybrany artykuł?',{ callback: mycallbackform, buttons: { tak: true, nie: false }, focus: 1 })
  }
  
  $(document).ready(function(){
    var cssObj = {
      'display' : 'block',
      'height' : '30px',
      'line-height' : '30px',
	  'color' : '#000000',
	  'font-size' : '10px',
	  'text-transform' : 'uppercase'
    }
    $("li.context_menu").children("a").css( cssObj );
    var cssObj2 = {
      'float' : 'left',
      'margin' : '5px 5px 0 0',
	  'color' : '#000000',
	  'font-size' : '10px',
	  'text-transform' : 'uppercase'
    }
    $("li.context_menu").children("a").children("span.edit").css( cssObj2 );
    $("li.context_menu").children("a").children("span.delete").css( cssObj2 );
    $("li.context_menu").children("a").children("span.show").css( cssObj2 );
    $("li.context_menu").children("a").children("div.down_main").css( cssObj2 );
    $("li.context_menu").children("a").children("div.up_main").css( cssObj2 );
  });
 </script>