<?py # coding: utf-8 ?>
<?py #@ARGS items ?>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>Stock Prices</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <link rel="shortcut icon" href="/images/favicon.ico" />
  <link rel="stylesheet" type="text/css" href="/css/style.css" media="all" />
  <script type="text/javascript" src="/js/util.js"></script>
  <style type="text/css">
  /*<![CDATA[*/

body {
    color: #333333;
    line-height: 150%;
}

thead {
    font-weight: bold;
    background-color: #CCCCCC;
}

.odd {
    background-color: #FFCCCC;
}

.even {
    background-color: #CCCCFF;
}

.minus {
    color: #FF0000;
}

  /*]]>*/
  </style>

 </head>

 <body>

  <h1>Stock Prices</h1>

  <p style="font-size:small">(template: bench_safetenjin.pyhtml)</p>

  <table>
   <thead>
    <tr>
     <th>#</th><th>symbol</th><th>name</th><th>price</th><th>change</th><th>ratio</th>
    </tr>
   </thead>
   <tbody>
    <?py n = 0 ?>
    <?py for item in items: ?>
    <?py     n += 1 ?>
    <tr class="{==n % 2 and 'odd' or 'even'==}">
     <td style="text-align: center">{==n==}</td>
     <td>
      <a href="/stocks/{==item.symbol==}">{==item.symbol==}</a>
     </td>
     <td>
      <a href="{==item.url==}">{==item.name==}</a>
     </td>
     <td>
      <strong>{==item.price==}</strong>
     </td>
     <?py if item.change < 0.0: ?>
     <td class="minus">{==item.change==}</td>
     <td class="minus">{==item.ratio==}</td>
     <?py else: ?>
     <td>{==item.change==}</td>
     <td>{==item.ratio==}</td>
     <?py #endif ?>
    </tr>
    <?py #endfor ?>
   </tbody>
  </table>

 </body>
</html>
