<?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_django12.html)</p>

  <table>
   <thead>
    <tr>
     <th>#</th><th>symbol</th><th>name</th><th>price</th><th>change</th><th>ratio</th>
    </tr>
   </thead>
   <tbody>
{% for item in items %}
    <tr class="{% cycle odd,even %}">
     <td style="text-align: center">{{ forloop.counter|safe }}</td>
     <td>
      <a href="/stocks/{{ item.symbol|safe }}">{{ item.symbol|safe }}</a>
     </td>
     <td>
      <a href="{{ item.url|safe }}">{{ item.name|safe }}</a>
     </td>
     <td>
      <strong>{{ item.price|safe }}</strong>
     </td>
    {% if item.is_minus %}
     <td class="minus">{{ item.change|safe }}</td>
     <td class="minus">{{ item.ratio|safe }}</td>
    {% else %}
     <td>{{ item.change|safe }}</td>
     <td>{{ item.ratio|safe }}</td>
    {% endif %}
    </tr>
{% endfor %}
   </tbody>
  </table>

 </body>
</html>
