{{ define "vie-etudiante-html" }}
  <!DOCTYPE html>
  <html lang="fr">
    <head>
      <meta charset="utf-8">
      <title>AGECEM | Vie étudiante</title>
      {{ template "general-html" }}
      <link rel="stylesheet" href="/public/css/vie-etudiante.css">
    </head>
    <body>
      {{ template "header-html" }}
      <div class="wrapper vieEtudianteWrapper">
        <h1 class="heading1">Vie étudiante</h1>
        <h2 class="heading2">Organismes thématiques</h2>
        <table class="table">
          <tr class="tableRowHeading">
            <td>Nom</td>       
            <td>Local</td>
            <td>Poste</td>
            <td>Statut</td>           
          </tr>
          <tr class="tableRow">
            <td>AME</td>          
            <td>C-060</td>
            <td>7919</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>BEAM</td>
            <td>F-024a</td>
            <td>5930</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>Club Aventurier</td>
            <td>F-011b</td>
            <td>2730</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>Équipe Santé</td>
            <td>F-011</td>
            <td>2361</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>Montpetit Donjon</td>
            <td>C-067</td>
            <td>2299</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>MAEL</td>
            <td>F-027b</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>OGRE</td>
            <td>F-011c</td>
            <td>5647</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>RECEM</td>
            <td>A-125s</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>ORGASME</td>
            <td>F-049</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>SOI</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>MotDit</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
        </table>
        <hr class="separator">
        <h2 class="heading2">Associations de programme</h2>
        <table class="table">
          <tr class="tableRowHeading">
            <td>Nom</td>
            <td>Local</td>
            <td>Poste</td>
            <td>Statut</td>
          </tr>
          <tr class="tableRow">
            <td>ADEPT</td>
            <td>F-045</td>
            <td>2286</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>ATIM</td>
            <td>F-041</td>
            <td>2652</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>AEALC</td>
            <td>A-125r</td>
            <td>2873</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>PAPI</td>
            <td>F-023</td>
            <td>2795</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>TGE</td>
            <td>C-063</td>
            <td>2638</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>ASI</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
          <tr class="tableRow" inactive>
            <td>TEE</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
        </table>
        <hr class="separator">
        <h2 class="heading2">Comités</h2>
        <table class="table">
          <tr class="tableRowHeading">
            <td>Nom</td>
            <td>Local</td>
            <td>Poste</td>
            <td>Statut</td>
          </tr>
          <tr class="tableRow">
            <td>ASEG</td>
            <td>B-06</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>CIC</td>
            <td>F-027c</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>Comité Mob</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>ESPACE</td>
            <td>F-011d</td>
            <td>2418</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow">
            <td>Friperie</td>
            <td>F-027a</td>
            <td>2248</td>
            <td class="organismeActif">Actif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>CAP</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>CÉSI</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>CFEM</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
          <tr class="tableRow inactive">
            <td>EUMC-CEM</td>
            <td>N/A</td>
            <td>N/A</td>
            <td class="organismeInactif">Inactif</td>
          </tr>
        </table>
      </div>
      {{ template "snackbar-html" }}   
    </body>
  </html>
{{ end }}
