<!--***************************************************************************
    *   Copyright (C) 2008 by S. MANKOWSKI / G. DE BURE support@mankowski.fr  *
    *                                                                         *
    *   This program is free software; you can redistribute it and/or modify  *
    *   it under the terms of the GNU General Public License as published by  *
    *   the Free Software Foundation; either version 2 of the License, or     *
    *   (at your option) any later version.                                   *
    *                                                                         *
    *   This program is distributed in the hope that it will be useful,       *
    *   but WITHOUT ANY WARRANTY; without even the implied warranty of        *
    *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         *
    *   GNU General Public License for more details.                          *
    *                                                                         *
    *   You should have received a copy of the GNU General Public License     *
    *   along with this program.  If not, see <http://www.gnu.org/licenses/>  *
    ***************************************************************************-->
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <style type="text/css">
      body
      {
      background-color: #{{ color_normalbackground }};
      color: #{{ color_normaltext }};
      font-size : small;
      font-family : {{ font_family }};
      }

      h1
      {
      text-decoration: underline;
      color: #{{ color_activetext }};
      }

      h2
      {
      text-decoration: underline;
      color: #{{ color_inactivetext }};
      }

      .table
      {
      border: thin solid #000000;
      border-collapse: collapse;
      }

      .tabletitle
      {
      background-color: #6495ed;
      color : #FFFF33;
      font-weight : bold;
      font-size : normal;
      }

      .tabletotal
      {
      background-color: #{{ color_activebackground }};
      font-weight : bold;
      }

      tr
      {
      padding: 2px;
      }

      td
      {
      padding: 2px;
      }
    </style>    
  </head>
  <body>
    <table>
      <tr>    
	<td>
	  <img src="{{ logo }}" />
	</td>
	<td align="left">
	  <h1>{{ title_main }}</h1>
	  <small>Date: {{ current_date }}</small><br/>
	  <small>File name: {{ document.fileName }}</small><br/>
	</td>
      </tr>
    </table>

    <h2>{{ document|display:"f_CURRENTAMOUNT_INCOME" }} &amp; {{ document|display:"f_CURRENTAMOUNT_EXPENSE" }} *</h2>
    <img src="http://chart.apis.google.com/chart?cht=bvs&chxs=0,{{ color_normaltext }}|1,{{ color_normaltext }}&chbh=100&chxt=x,y&chxr=1,0,{{ report.income_vs_expenditure.4.3 }}&chf=bg,s,{{ color_normalbackground }}&chco={{ color_negativetext }}|{{ color_positivetext }}&chd=t:{{ report.income_vs_expenditure.2.3 }},{{ report.income_vs_expenditure.1.3 }}&chds=0,{{ report.income_vs_expenditure.4.3 }}&chs=300x200&chl={{ document|display:"f_CURRENTAMOUNT_EXPENSE" }}|{{ document|display:"f_CURRENTAMOUNT_INCOME" }}&chts={{ color_normaltext }}&chtt={{ document|display:"f_CURRENTAMOUNT_EXPENSE" }} vs {{ document|display:"f_CURRENTAMOUNT_INCOME" }}|{{ report.month }}"/>
       
    <h2>{{ title_main_categories }}</h2>
    <table>
      <tr>
	<td align="center">

	  <img src="http://chart.apis.google.com/chart?cht=p3&chf=bg,s,{{ color_normalbackground }}&chco={{ color_negativetext }}&chd=t:{{ report.categories_previous_month.1.2 }},{{ report.categories_previous_month.2.2 }},{{ report.categories_previous_month.3.2 }},{{ report.categories_previous_month.4.2 }},{{ report.categories_previous_month.5.2 }}&chs=300x100&chl=1|2|3|4|5&chds=0,400000000" />
	</td>
	<td align="center">
	  <img src="http://chart.apis.google.com/chart?cht=p3&chf=bg,s,{{ color_normalbackground }}&chco={{ color_negativetext }}&chd=t:{{ report.categories_month.1.2 }},{{ report.categories_month.2.2 }},{{ report.categories_month.3.2 }},{{ report.categories_month.4.2 }},{{ report.categories_month.5.2 }}&chs=300x100&chl=1|2|3|4|5&chds=0,400000000" />	  
	</tr>
    </table>  
     
    <h2>{{ title_portfolio }} *</h2>
     {% if report.portfolio|length %}
     <img src="http://chart.apis.google.com/chart?cht=p3&chf=bg,s,{{ color_normalbackground }}&chco={{ color_negativetext }}&chd=t:{% for item in report.portfolio %}{% if forloop.first %}{% else %}{% if forloop.last %}{{ item.5 }}{% else %}{{ item.5 }},{% endif %}{% endif %}{% endfor %}&chs=300x100&chl={% for item in report.portfolio %}{% if forloop.first %}{% else %}{% if forloop.last %}{{ item.0 }}{% else %}{{ item.0 }}|{% endif %}{% endif %}{% endfor %}&chds=0,400000000" />	  
     {% endif %}
    <h2>{{ title_highlighted }}</h2>
    
    <p><small>* {{ msg_amount_unit_date }}</small></p>
  </body>
</html>