{% extends 'babi/report/base.html' %}

{% block style %}
<style type="text/css">
@page {
  @top-left {
    content: "{{ company.render.rec_name }}. {{ company.party.render.vat_code }}";
  }
  @top-right {
    content: "{{ data['report_options']['now']|render }}";
  }
}

@media print {
  #header-details {
    display: none;
  }
}

@media screen {
  body {
    font-size: 12px !important;
  }
}
</style>
{% endblock %}

{% block title %}
  {{ data['report_name'] }}
{% endblock %}

{% macro draw_table(record, before) %}
  {% set current = [] %}
  {% set total_columns = data['headers']|length %}
  {% set cell_level = data['report_options']['cell_level'] %}
  <tr>
    {% for header in data['headers'] %}
      {% set internal_name = header['internal_name'] %}
      {% set val = record['record'][internal_name] %}
      {% set decimal_digits = header['decimal_digits'] %}
      {% set val_render = val|render(digits=decimal_digits) %}
      {% set type = header['type'] %}
      {% set group_by = header['group_by'] %}
      {% set text_align = header['text-align'] %}
      {% do current.append(val_render) %}
      <td class="border-cell{% if current|length > cell_level or not val_render in before or total_columns == current|length or val_render == None or type == 'measure' or not val %}-active{% endif %}
      text-{{ text_align }}">{% if type == 'measure' or not group_by or not val_render in before or total_columns == current|length %}{{ val_render or '' }}{% endif %}
    </td>{% endfor %}
  </tr>
    {% if record['childs'] %}
      {% for child in record['childs'] %}
          {{ draw_table(child, current) }}
      {% endfor %}
    {% endif %}
{% endmacro %}

{% block main %}
    <div class="container-fluid">

      <div class="row">
        <div class="col-md-12">
          <h2>{{ data['report_name'] }}</h2>
          <span id="header-details">
            {{ company.render.rec_name }}. {{ company.party.render.vat_code }}<br/>
            {{ data['report_options']['now']|render }}<br/>
          </span>
          {% for item in data['filters'] %}
             {{ item }}<br>
          {% endfor %}
        </div>
      </div>

      <div class="row">
        <div class="col-md-12">
          <table class="table no-border bottom2px top2px">
            <thead>
              {% for header in data['headers'] %}
                {% set key = header['internal_name'] %}
                {% set title = header['name'] %}
                {% set width = header['width'] %}
                {% set text_align = header['text-align'] %}
              <th id="{{ key }}" {% if width %}style="width: {{ width }}%"{% endif %} class="text-{{ text_align }}" nowrap>{{ title }}</th>
              {% endfor %}
            </thead>
            <tbody>
              {% for record in data['records'] %}
                  {{ draw_table(record, []) }}
              {% endfor %}
          </table>

        </div>
      </div>

    </div>
{% endblock %}