{% extends 'impression/base.html.twig' %}

{% block stylesheets %}
<style type="text/css">
	
/* Styles go here */

.page-header, .page-header-space {
  
}

.page-footer, .page-footer-space {
  height: 50px;

}

.page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: 1px solid black; /* for demo */
  background: white;
  text-align:center;

  font-size:12px;
}

.page-header {
  position: fixed;
  top: 0mm;
  width: 100%;
  border-bottom: 1px solid black; /* for demo */
  background: yellow; /* for demo */
}

.page {
  page-break-after: always;
}

@page {
  margin: 5mm
}

@media print {
   thead {display: table-header-group;} 
   tfoot {display: table-footer-group;}
   
   button {display: none;}
   
   body {margin: 0;}
}

</style>

{% endblock %}

{% block body %}
<div class="page-footer">
	{{ vente.getMagasin().footerDocuments }}
</div>

<table style="width:100%;margin:auto;">
	<tbody style="width:100%;margin:auto;">
      <tr>
        <td>
        	<table width="100%">
				<tr>
					<td width="40%" style='text-align:left;'>
						<img src="{{ asset('uploads/magasins/' ~ vente.getMagasin().photo) }}" height="80px">
					</td>
					<td width="60%" style='text-align:right;'>
						<b>{{ vente.getMagasin().titre }}</b><br>
						{{ vente.getMagasin().adresse }}<br>
						Téléphone: {{ vente.getMagasin().telephone }}<br>
						Télécopie: {{ vente.getMagasin().fax }}<br>
					</td>
				</tr>
			</table>
			<h1>RAPPORT ANNUEL </h1>

        </td>
      </tr>
    </tbody>

    <tfoot>
      <tr>
        <td>
          <!--place holder for the fixed-position footer-->
          <div class="page-footer-space"></div>
        </td>
      </tr>
    </tfoot>

</table>
{% endblock %}