<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.png" width=150>
        <br />
        <br />
        <span style="font-size: 50px; font-weight: bold; text-transform: uppercase">{{'report'|trans}}</span>
        <br />
        <br />
        <span style="font-size: 45px;">{{data.date|localizeddate('none', 'none', actualLocale, null, 'MMMM yyyy')}}</span>
        <br />
        <br />
        <br />
        <span style="font-size: 45px;">{{data.title}}</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;">{{data.title}}</td>
    </tr>
    <tr>
      <td style="height: 673px;">
      	<table style="margin: auto;">
      	  <col style="width:690;">
      	  <col style="width:690;">
      	  <tr>
      	      <td style="border-right: 2px solid 0d2634;">
      	      	{% include 'pdf/comparative/group-info.twig' with {'title' : data.titleGroupA, 'data' : data.calculationA } only %}
      	      </td>
      	      <td>
      	      	{% include 'pdf/comparative/group-info.twig' with {'title' : data.titleGroupB, 'data' : data.calculationB } only %}
      	      </td>
  	      </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>