{% load static %}
<!DOCTYPE>
<html>
    <head>
        <title>Facture No.{{ order.id }}</title>
        <style type="text/css">
            .usp-info img{
                width:1124px;
            }
            .table{
                border:1px solid #000000;
                text-align:left;
                padding:5px 1px 1px 5px;
                font-size:16px;
            }
            .table th{
                text-align:left;
                padding-right:3px;
            }
            .nce{
                width:148px;
            }
            .nom{
                width:160px;
            }
            .prenoms{

            }
            .cc{
                width:70px;
            }
            .examen,.moyenne{
                width:95px;
            }
            .title{
                font-size:26px;
            }
            @page {
                size: a4 landscape;
                margin: 10px;

                @frame header_frame { /* Static Frame */
                    -pdf-frame-content: header_content;
                    left: 50pt; width: 512pt; top: 50pt; height: 40pt;
                }

                @frame footer_frame { /* Another static Frame */
                    -pdf-frame-content: footer_content;
                    left: 50pt; width: 512pt; top: 772pt; height: 20pt;
                }
            }
        </style>
    </head>
    <body>
      <div class="pdf-content">
          <div class="usp-info">
                <img src="static/ac-img/usp-info.png">
          </div>
          <br/>
          <center><p class="title"><u>RESULTATS UE:</u> (AS1120) ANALYSE ASYMPTOPTIQUE</p></center>
          <table class="table">
              <thead>
                  <th class="nce">NCE</th>
                  <th class="nom">NOM</th>
                  <th class="prenoms">PRENOMS</th>
                  <th class="cc">CC</th>
                  <th class="examen">EXAMEN</th>
                  <th class="moyenne">MOYENNE</th>
              </thead>
              <tbody>
                    <tr>
                        <td>INS08202100078</td>
                        <td>ABBE</td>
                        <td>OLLOCHI REINE HADASSA FLORE</td>
                        <td>12.0</td>
                        <td>12.0</td>
                        <td>11.5</td>
                    </tr>
                    <tr>
                        <td>INS08202100078</td>
                        <td>ABBE</td>
                        <td>OLLOCHI REINE HADASSA FLORE</td>
                        <td>12.0</td>
                        <td>12.0</td>
                        <td>11.5</td>
                    </tr>
                    <tr>
                        <td>INS08202100078</td>
                        <td>ABBE</td>
                        <td>OLLOCHI REINE HADASSA FLORE</td>
                        <td>12.0</td>
                        <td>12.0</td>
                        <td>11.5</td>
                    </tr>
                    <tr>
                        <td>INS08202100078</td>
                        <td>ABBENNHGFDFGR</td>
                        <td>OLLOCHI REINE HADASSA FLORE</td>
                        <td>12.0</td>
                        <td>12.0</td>
                        <td>11.5</td>
                    </tr>
                    <tr>
                        <td>INS08202100078</td>
                        <td>ABBE</td>
                        <td>OLLOCHI REINE HADASSA FLORE</td>
                        <td>12.0</td>
                        <td>12.0</td>
                        <td>11.5</td>
                    </tr>
              </tbody>
          </table>

      </div>
    <div id="footer_content">(c) - page <pdf:pagenumber>/<pdf:pagecount></div>
    </body>
</html>