<table style="margin: auto;">
  <col style="width:650">
  <col style="width:525;">
  <tr>
    <td>
      <table>
        <col style="width:650">                
        <tr>
          <td style="padding-left: 10px; text-align: center;"><span style="font-weight: bold; text-transform: uppercase; font-size: 20px">{{'total-month'|trans}}</span></td>
        </tr>
        <tr>
          <td>
            <table style="margin: auto">
              <tr>
                <td>
                  <span style="font-size: 65px; font-weight: bold;">{{data['views-total-month'].formatted}}</span>
                </td>
                <td class="arrow-big">
                  
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table style="margin: auto">
              <tr>
                <td style="padding-right: 10px; {% if data['views-compare-last-year'].formatted %} border-right: 1px solid #ccc {% endif %}">
                  <span style="font-size: 15px"><span style="font-weight: bold;">{{'local-average'|trans}}:</span> {{data['views-local-average'].formatted}}</span>
                </td>
                {% if data['views-compare-last-year'].formatted %}
                <td style="padding-left: 10px;"><span style="font-size: 15px"><span style="font-weight: bold;">{{'compare-last-year'|trans}}:</span> {{data['views-compare-last-year'].formatted|raw}}</span></td>
                {% endif %}
              </tr>                  
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table style="margin: auto">
              <tr>
                <td style="padding-right: 25px">
                  <table>
                    <tr>
                      <td style="padding-right: 10px;">
                        <img src="img/pdf/views-searches.png">
                      </td>
                      <td style="text-align: left; margin-left: 10px">
                        <span style="text-transform:uppercase">{{'views-searchs'|trans}}</span><br/>
                        <span style="font-weight: bold; font-size: 20px">{{data['views-searches-month'].formatted}}</span>
                      </td>
                      <td style="text-align: center; vertical-align: middle;">
                        <span style="font-weight: bold; font-size: 16px">{{data['views-searches-compare-last-month'].formatted|raw}}</span>
                      </td>
                    </tr>
                  </table>                          
                </td>
                <td style="padding-left: 25px">
                  <table>
                    <tr>
                      <td style="padding-right: 10px;">
                        <img src="img/pdf/views-maps.png">
                      </td>
                      <td style="text-align: left; margin-left: 10px">
                        <span style="text-transform:uppercase">{{'views-maps'|trans}}</span><br/>
                        <span style="font-weight: bold; font-size: 20px">{{data['views-maps-month'].formatted}}</span>
                      </td>
                      <td style="text-align: center; vertical-align: middle;">
                        <span style="font-weight: bold; font-size: 16px">{{data['views-maps-compare-last-month'].formatted|raw}}</span>
                      </td>
                    </tr>
                  </table>                          
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            {% if data['views-data-graph'].img %}
              <img src="{{data['views-data-graph'].img}}" style="display: block;">
            {% endif %}
          </td>
        </tr>                
      </table>
    </td>
    <td style="vertical-align: top">
      {% include 'pdf/tables/views/'~ data["table_format"] ~'.twig' %}
    </td>
  </tr>
</table>