<style>

.arrow-icon {
  width: 15px;
  height: 15px;
}

.arrow-big .arrow-icon {
  width: 30px;
  height: 30px;
}

</style>

<page backimg="img/pdf/background.jpg">

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 791px; color: #FFF; text-transform: uppercase; text-align: center;">
        <img src="img/pdf/logo-coverpage.png" width=150>
        <br />
        <br />
        <span style="font-size: 50px; font-weight: bold; text-transform: uppercase">{{'report'|trans}}<br/></span>
        <br />
        <br />
        <span style="font-size: 45px;">{{data['info-titles'].date|localizeddate('none', 'none', actualLocale, null, 'yyyy')}}</span>
        <br />
        <br />
        <br />
        <span style="font-size: 45px;text-transform: none;"><span style="font-size: 45px;"> {% if brandName %}{{brandName}}{% else %}{{data['info-titles'].companyName}}{% endif %}</span>
        
      </td>
    </tr>
  </table>

</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'global-summary'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        <table style="margin: auto">
          <tr>
            {% include 'pdf/searches.twig' %}
            {% include 'pdf/views.twig' %}
            {% include 'pdf/actions.twig' %}
          </tr>
        </table>
        <table style="margin: auto">
          <tr>
            {% include 'pdf/reputation.twig' %}
            {% include 'pdf/typology.twig' %}
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>

</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'searchs'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/searches-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>
</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'views'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/views-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>
</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'actions'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/actions-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>
</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'reputation'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/reputation-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>
</page>

<page>

  <table>
    <col style="width:1415">    
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 30px; line-height: 53px; font-weight: bold;">{{'social-listening'|trans}}{% if brandName %} - {{brandName}}{% endif %}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
        {% include 'pdf/typology-complete.twig' %}
      </td>
    </tr>
    <tr>
      <td style="height: 53px; background-color: #0d2634; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 53px; font-weight: bold;"><img src="img/pdf/logo.png" height="40"></td>
    </tr>
  </table>

</page>

