<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['actions-total-month'].formatted}}</span>
                </td>
                <td class="arrow-big">
                  <span style="font-weight: bold; font-size: 30px">{{data['actions-compare-last-month'].formatted|raw}}</span>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table style="margin: auto">
              <tr>
                <td style="padding-right: 10px; {% if data['actions-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['actions-local-average'].formatted}}</span>
                </td>
                {% if data['actions-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['actions-compare-last-year'].formatted|raw}}</span></td>
                {% endif %}
              </tr>                  
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table style="margin: auto">
              <tr>
                <td style="padding-right: 10px">
                  <table>
                    <tr>
                      <td style="padding-right: 10px;">
                        <img src="img/pdf/actions-web.png">
                      </td>
                      <td style="text-align: left; margin-left: 10px">
                        <span style="text-transform:uppercase">{{'actions-web'|trans}}</span><br/>
                        <span style="font-weight: bold; font-size: 20px">{{data['actions-web-month'].formatted}}</span>
                      </td>
                      <td style="text-align: center; vertical-align: middle;">
                        <span style="font-weight: bold; font-size: 16px">{{data['actions-web-compare-last-month'].formatted|raw}}</span>
                      </td>
                    </tr>
                  </table>                          
                </td>
                <td style="padding-left: 10px; padding-right: 10px">
                  <table>
                    <tr>
                      <td style="padding-right: 10px;">
                        <img src="img/pdf/actions-gps.png">
                      </td>
                      <td style="text-align: left; margin-left: 10px">
                        <span style="text-transform:uppercase">{{'actions-indications'|trans}}</span><br/>
                        <span style="font-weight: bold; font-size: 20px">{{data['actions-direction-month'].formatted}}</span>
                      </td>
                      <td style="text-align: center; vertical-align: middle;">
                        <span style="font-weight: bold; font-size: 16px">{{data['actions-direction-compare-last-month'].formatted|raw}}</span>
                      </td>
                    </tr>
                  </table>                          
                </td>
                <td style="padding-left: 10px;">
                  <table>
                    <tr>
                      <td style="padding-right: 10px;">
                        <img src="img/pdf/actions-phone.png">
                      </td>
                      <td style="text-align: left; margin-left: 10px">
                        <span style="text-transform:uppercase">{{'actions-calls'|trans}}</span><br/>
                        <span style="font-weight: bold; font-size: 20px">{{data['actions-phone-month'].formatted}}</span>
                      </td>
                      <td style="text-align: center; vertical-align: middle;">
                        <span style="font-weight: bold; font-size: 16px">{{data['actions-phone-compare-last-month'].formatted|raw}}</span>
                      </td>
                    </tr>
                  </table>                          
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            {% if data['actions-data-graph'].img %}
              <img src="{{data['actions-data-graph'].img}}" style="display: block;">
            {% endif %}
          </td>
        </tr>                
      </table>
    </td>
    <td style="vertical-align: top">
      {% include 'pdf/tables/actions/'~ data["table_format"] ~'.twig' %}
    </td>
  </tr>
</table>