{% load static %}
{% load custom_tag %}
<!DOCTYPE>
<html>
    <head>
        <title>INSCRIPTION-{{etudiant.nce}}</title>
        <style type="text/css">

            .minist{
                text-align:center;
                vertical-align:top;
                line-height:15px;
            }
            .b{
                font-weight:bold;
            }
            .tit{
                color:#fff;
                background-color:green;
                font-size:14px;
                padding:10px 0px 5px 5px;
                text-align:center;
                font-weight:bold;
            }
            .thd{
                border:1px solid #1f96d7;
                padding:4px 0px 1px 15px;
                background-color:#1f96d7;
                color:#fff;
                font-weight:bold;
                height:30px;
            }
            .table{
                margin-top:10px;
                font-size:12px;
                border-collapse:collapse;
                border:1px solid #1f96d7;
            }
            .fst-td{
                padding-top:5px;
            }
            .table td{
                padding:1px 1px 1px 5px;

            }
            .bd-left-none{
                border-left:none;
            }
            .bd-right-none{
                border-right:none;
            }
            .bd-top-none{
                border-top:none;
            }
            .bd-bottom-none{
                border-bottom:none;
            }
            .upper{
                text-transform:uppercase;
            }


            @page{
                size: a4 portrait;
                margin: 40px 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>
        <!-- Content for Static Frame 'footer_frame' -->
        <div id="footer_content">
            <pdf:pagenumber>/<pdf:pagecount>
        </div>
      <div class="pdf-content">
             <!-- <img src="static/assets/img/usp-pdf-header.png"> -->
              <div>

                  <table>
                      <tr>
                          <td class="minist">
                              <p>MINISTERE DE L'ENSEIGNEMENT SUPERIEUR ET DE LA RECHERCHE SCIENTIFIQUE
                              <br/>----------------------------
                                  <br/><span class="b">UNIVERISTE DE SAN PEDRO</span>
                              <br/><img src="static/inscription/assets/img/logousp.png" width="120" height="50">
                              <br/><span class="b">LA PRESIDENCE</span>
                              <br/>----------------------------
                              </p>
                          </td>
                          <td></td>
                          <td class="minist">
                              <p>REPUBLIQUE DE COTE D'IVOIRE
                              <br/><img src="static/inscription/assets/img/ci2.png" width="120" height="70">
                              <br/>Union - Discipline - Travail
                                  <br/>----------------------------
                              </p>
                          </td>
                      </tr>
                  </table>
                 <!-- <p class="b">CLASSES PREPARATOIRES AUX GRANDES ECOLES</p> -->
                  <br/>
                  <div class="tit">FICHE D'INSCRIPTION A UNIVERISTE DE SAN PEDRO {{annee}} </div>
                  <table class="table">
                      <!--  INFORMATIONS PERSONNELLES DU CANDIDAT -->
                      <tr class="thd"><td colspan="2">INFORMATIONS PERSONNELLES DU CANDIDAT</td></tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none" width="130"><br/> N<sup>o</sup> Inscription</td>
                          <td class="bd-left-none bd-right-none b" style="color:red;"><br/>: {{ etudiant.nce }}</td>
                          <td class="bd-left-none b" rowspan="7" width="145">
                              <center>
                                  {% if etudiant.avatar %}
                                <img src="media/{{etudiant.avatar}}" alt="photo" width="145" height="160" border="1">
                                {% else %}
                                <img src="static/inscription/assets/img/user-default2.png" alt="photo" width="145" height="160" border="1">
                                {% endif %}
                              </center>
                          </td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Nom</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.nom }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Prénoms</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.prenoms }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Sexe</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.sexe }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Date et lieu de naissance</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.datenaiss |date:'d-m-Y' }} à {{ candidature.candidat.lieunaiss }}</td>
                      </tr>

                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Téléphone</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.phone }}</td>
                      </tr>
                      <tr class="bd-top-none">
                          <td class="bd-right-none">Email</td>
                          <td class="bd-left-none b bd-right-none">: {{ etudiant.email }}</td>
                      </tr>
                  </table>

                  <!--  INFORMATIONS PARENTS/TUTEUR -->
                  <table class="table">
                      <tr class="thd"><td colspan="2"> INFORMATIONS PARENTS/TUTEUR</td></tr>
                      <tr class="bd-bottom-none">
                          <td class="bd-right-none" width="130"><br/>Nom / Contact du père</td>
                          <td class="bd-left-none b"><br/>: {{ etudiant.nom_pere }} / {{ etudiant.contact_pere }}</td>
                      </tr>

                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Nom / Contact de la mère</td>
                          <td class="bd-left-none b">: {{ etudiant.nom_mere }} / {{ etudiant.contact_mere }}</td>
                      </tr>

                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Contact en cas d'urgence</td>
                          <td class="bd-left-none b">: {{ etudiant.contact_urgence }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Domicile de la personne à contacter</td>
                          <td class="bd-left-none b upper">: {{ etudiant.habitation_contact_urgence }} </td>
                      </tr>
                  </table>

                  <!--  INFORMATIONS ACADEMIQUES -->
                  <table class="table">
                      <tr class="thd"><td colspan="2"> INFORMATIONS RELATIVES AU BAC</td></tr>
                      <tr class="bd-bottom-none">
                          <td class="bd-right-none" width="130"><br/>Série</td>
                          <td class="bd-left-none b"><br/>: {{ etudiant.serie_bac }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Année d'obtention</td>
                          <td class="bd-left-none b">: {{ etudiant.annee_bac }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Mention</td>
                          <td class="bd-left-none b">: {{ etudiant.mention_bac }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Matricule</td>
                          <td class="bd-left-none b">: {{ etudiant.matricule }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Numéro de table (BAC)</td>
                          <td class="bd-left-none b">: {{ etudiant.numero_bac }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Centre d'obtention (BAC)</td>
                          <td class="bd-left-none b upper">: {{ etudiant.centre_compo_bac }} </td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none">Lycée d'origine</td>
                          <td class="bd-left-none b">: {{ etudiant.etablissement_bac }}</td>
                      </tr>
                  </table>

                  <!--  INFORMATIONS RELATIVES AUX CONCOURS -->
                  <table class="table">
                      <tr class="thd"><td colspan="2"> INFORMATIONS RELATIVES A L'UFR</td></tr>
                      <tr class="bd-bottom-none">
                          <td class="bd-right-none" width="130"><br/>Code</td>
                          <td class="bd-left-none b"><br/>: {{ etudiant.ufr.code }}</td>
                      </tr>
                      <tr class="bd-bottom-none bd-top-none">
                          <td class="bd-right-none" width="130"><br/>Libellé</td>
                          <td class="bd-left-none b"><br/>: {{ etudiant.ufr.libelle }}</td>
                      </tr>
                      <tr class="bd-top-none">
                          <td class="bd-right-none">Date d'inscription</td>
                          <td class="bd-left-none b">: {{ etudiant.created |date:'d-m-Y' }}</td>
                      </tr>
                  </table>

              </div>
      </div>
    </body>
</html>