{% load static %}
{% load custom_tag %}
<!DOCTYPE>
<html>
    <head>
        <title>SYLLABUS_ECUE_{{ecue.code}}</title>
        <style type="text/css">
            .usp-info img{
                width:1124px;
            }
            table { -pdf-keep-in-frame-mode: shrink; }
            .table{
                border:1px solid #000000;
                text-align:left;
                font-size:14px;
                border-collapse: collapse;

            }
            .table tr{
                padding:1px;
            }
            .table td {
              border: 1px solid;
              padding-left:5px;
            }
            .fw-bold{
                font-weight:bold;
            }
            .nce{
                width:148px;
            }
            .nom{
                width:160px;
            }
            .ue-content{
                min-width:45px;
            }
            .title{
                font-size:20px;
                text-align: center;
                border:1px solid #000000;
                padding:15px;
            }
            .stat-ue{
                font-size:16px;
                font-weight:bold;
                width:113px;
                padding:3px 2px 1px 2px;
            }
            .stat-ue-2{
                font-size:16px;
                font-weight:bold;
                width:200px;
                padding:3px 2px 1px 2px;
            }
            .bg-orange{
                background-color:#fdc000;
            }
            @page{
                size: a4 portrait;
                margin: 200px 25px 90px 25px;
                @frame header_frame {           /* Static Frame */
                    -pdf-frame-content: header_content;
                    left: 20pt; width: 562pt; top: 20pt;
                }

                @frame footer_frame {           /* Another static Frame */
                    -pdf-frame-content: footer_content;
                    left: 50pt; width: 512pt; top: 800pt; height: 20pt;
                }
            }

        </style>
    </head>
    <body>
        <!-- Content for Static Frame 'header_frame' -->
        <div id="header_content">
             <div class="usp-info">
                <img src="static/ac-img/usp-info.png">
          </div>

          <br/>
            <p style="text-align:center;font-size:20px;text-transform:uppercase;text-decoration:underline;">SYLLABUS ECUE: {{ecue.code}}
            </p>
        </div>

        <!-- Content for Static Frame 'footer_frame' -->
        <div id="footer_content">
            <pdf:pagenumber>/<pdf:pagecount>
        </div>
      <div class="pdf-content">

          <center>
          <table class="table">
              <tbody>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Titre de l'ECUE</td>
                    <td style="text-align:left;color:red;" class="fw-bold">{{ecue.libelle}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Code</td>
                    <td style="text-align:left;color:red;" class="fw-bold">{{ecue.code}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Parcours</td>
                    <td style="text-align:left;">&nbsp;</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Crédit(s) ECTS</td>
                    <td style="text-align:left;">{{syllabus.credit}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Durée (en heures, jours ou semaines)</td>
                    <td style="text-align:left;">{{syllabus.duree}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Pré-requis</td>
                    <td style="text-align:left;">{{syllabus.prerequis|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Objectifs Généraux</td>
                    <td style="text-align:left;">{{syllabus.objectif|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Contenu de l'Ecue</td>
                    <td style="text-align:left;">{{syllabus.pubNivVise|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Compétences</td>
                    <td style="text-align:left;">{{syllabus.Competence|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Evaluation de l'ECUE</td>
                    <td style="text-align:left;">{{syllabus.description|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Equipe de rédaction</td>
                    <td style="text-align:left;">{{syllabus.participant|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">No. Version et date</td>
                    <td style="text-align:left;">{{syllabus.versionDate|linebreaks}}</td>
                </tr>
                <tr style="padding-top:3px;">
                    <td style="text-align:left;width:250px;" class="fw-bold">Bibliographie</td>
                    <td style="text-align:left;">{{syllabus.bibliographie|linebreaks}}</td>
                </tr>
              </tbody>
          </table>
            </center>
      </div>
    </body>
</html>