<!--***************************************************************************
    *   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: #FFFFFF;
      font-size : small;
      font-family : {{ font_family }};      
      }

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

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

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

      .tabletitle
      {
      background-color: #000000;
      color : #FFFFFF;
      font-weight : bold;
      font-size : normal;
      }

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

      tr
      {
      background-color: #FFFFFF;
      padding: 2px;
      }

      td
      {
      padding: 2px;
      }
    </style>    
  </head>
  <body>
    <table>
      <tr>    
	<td>
	  <img src="{{ logo_black }}" />
	</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>
    <table>
      <tr>
	<td valign="top">   
	  {% include "default/income_vs_expenditure_table.html" %}
	</td>
	<td align="top">
	    <img src="http://chart.apis.google.com/chart?cht=bvs&chbh=100&chxt=x,y&chxr=1,0,{{ report.income_vs_expenditure.4.3 }}&chco=000000|999999&chd=t:{{ report.income_vs_expenditure.2.3 }},{{ report.income_vs_expenditure.1.3 }}&chds=0,{{ report.income_vs_expenditure.4.3 }}&chs=300x100&chl={{ document|display:"f_CURRENTAMOUNT_EXPENSE" }} {{ report.month }}|{{ document|display:"f_CURRENTAMOUNT_INCOME" }} {{ report.month }}"/>
	</td>
      </tr>
    </table>  	
	
    <table>
      <tr>
	<td valign="top">                         
    <h2>{{ title_main_categories }}</h2>
    <table>
      <tr>
	<td align="center">
	  {% include "default/categories_previous_month_table.html" %}
	  <img src="http://chart.apis.google.com/chart?cht=p3&chco=000000&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">
	  {% include "default/categories_month_table.html" %}
	  <img src="http://chart.apis.google.com/chart?cht=p3&chco=000000&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>
    </td>
    <td valign="top">
    <h2>{{ title_variations }}</h2>
      {% for item in report.categories_variations %}
      <li> {{ item|safe }}</li>
      {% endfor %}
      </td>
      </tr>
    </table>    
    
    <table>
      <tr>
	<td valign="top">         
	    <h2>{{ title_account }} *</h2>
	    {% include "default/account_table.html" %}
	</td>
	<td valign="top">
	    <h2>{{ title_budget }}</h2>
	    {% include "default/budget_table.html" %}	
	</td>
      </tr>
    </table>      
    
    <table>
      <tr>
	<td valign="top">         
	    <h2>{{ title_unit }} *</h2>
	    {% include "default/unit_table.html" %}
	</td>
	<td valign="top">
    <h2>{{ title_portfolio }} *</h2>
     {% include "default/portfolio.html" %}      
     <img src="http://chart.apis.google.com/chart?cht=p3&chco=000000&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" />	  	
	</td>
      </tr>
    </table>    
    </br>
    <small>{{ current_date }} - {{ document.fileName }}</small>  
    <p><small>* {{ msg_amount_unit_date }}</small></p>    
  </body>
</html>