<div class="container">
      <h1>Participer à la nuit de l'info !</h1>
      <p>
          À partir d'une problématique donnée, développer une application y répondant le tout en équipe et en une nuit, c'est possible, et c'est la Nuit de l'Info !
      </p>
  
      <h2>À qui cela s'adresse-t-il ?</h2>
      <p>
          Tout étudiant possédant des compétences utiles pour développer une application informatique est le bienvenu ! Que tu sois programmeur à tes heures libres, que tu suive juste tes cours d'informatique, mais aussi que tu sois graphiste, comunity manager en herbe, administrateur système ou même de créateurs de musique, tu y trouveras ton compte !
      </p>
  
      <h2>Où et quand cela se déroule-t-il ?</h2>
      <p>

          Cela se passe du 3 décembre à 16h40 jusqu'au 4 à 8h02, au bâtiment M5 sur Lille1.

      </p>
  
      <h2>J'ai d'autres questions, où puis-je trouver des informations en plus ?</h2>
      <p>
          Tu les trouvera peut-être sur <a href="http://www.nuitdelinfo.com/">le site officiel de la Nuit de l'Info</a>.<br/>
          Sinon, n'hésite pas à envoyer <a href="mailto:cinforma@polytech-lille.net">un mail au Club Info</a> qui se fera un plaisir de te répondre !
      <p>
  
      <div ng-hide="session">
      <h2>Ça a l'air cool, où est-ce qu'on s'inscrit ?</h2>
      <p>

          Si tu es Polytech Lillois, connecte-toi avec ton identifiant en haut à droite de cette page ! À tout de suite !<br/>
          Si tu n'es pas Polytech Lillois (auquel cas je ne sais pas comment tu es arrivé ici), je te renvoie au <a href="http://www.nuitdelinfo.com/">site officiel de la Nuit de l'Info</a>.<br/>
          <a class="btn btn-primary" href="/connect">Se connecter pour pouvoir s'inscire !</a>

      </p>
      </div>
  
      <div ng-show="session">

          <h2>Je souhaite participer à la Nuit de l'Info</h2>

          <div class="alert alert-danger" role="alert">Inscriptions closes.</div>
          <div class="alert alert-info" role="alert">Si vous ne souhaitez plus participer, vous pouvez cependant vous désinscre. Ça fera de la place pour les autres !</div>
          <form ng-show="session.enCours">

              <p>Ça c'est cool ! On a juste deux petites questions à te poser.</p>

              <div class="form-group">
                  <label for="equipe">Dans quelle équipe souhaites-tu participer ?</label><br/>
                  <input type="radio" name="equipe" ng-model="ninfo.equipe" value="nope" checked> Je ne souhaite pas participer</input><br/>

                  <input disabled type="radio" name="equipe" ng-model="ninfo.equipe" value="ci"> Équipe « Informatiquement Vôtre », pour se donner au max (référent : <a href="mailto:gbontoux@polytech-lille.net">Geoffrey Preud'homme</a>)</input><br/>
                  <input disabled type="radio" name="equipe" ng-model="ninfo.equipe" value="imagis"> Équipe « 404 Brain Not Found », surtout pour passer un bon moment (pas de référent pour le moment, proposez-vous en commentaire !)</input><br/>
                  <input disabled type="radio" name="equipe" ng-model="ninfo.equipe" value="gis"> Équipe des GIS, (référent : <a href="mailto:kletupe@polytech-lille.net">Kévin Letupe</a>)</input><br/>

              </div>
              <div class="form-group">
                  <label for="comment">Un petit commentaire ? (facultatif)</label>
                  <p>Tu pourrais nous dire quelles capacités tu possède, ou nous dire quel est ton engouement pour cette nuit de folie !</p>

                  <textarea ng-model="ninfo.comment" rows="4" cols="50"></textarea>

              </div>
              <button type="submit" ladda="saving" class="btn btn-primary" ng-click="save()">Enregistrer les préférences</button>
          </form>

          <p ng-hide="session.enCours">
              Seuls les étudiants avec une année en cours peuvent participer. Vous ne pouvez donc pas vous inscrire.<br/>
              Si vous pensez que c'est une erreur, merci d'envoyer <a href="mailto:cinforma@polytech-lille.net">un mail au Club Info</a>.
          </p>
  

          <h2>Participants à la Nuit de l'Info</h2>
          <h3>Équipe Informatiquement Vôtre <span class="badge">{{ equipes.ci.length }}</span></h3>
          <div class="panel panel-default" ng-repeat="membre in equipes.ci">
              <div class="panel-heading"><strong>{{ membre.nom }}</strong> ({{ membre.section }})</div>

              <div class="panel-body" ng-show="membre.comment" ng-bind-html="membre.comment | nl2br"></div>

          </div>
          <h3>Équipe 404 Brain Not Found <span class="badge">{{ equipes.imagis.length }}</span></h3>
          <div class="panel panel-default" ng-repeat="membre in equipes.imagis">
              <div class="panel-heading"><strong>{{ membre.nom }}</strong> ({{ membre.section }})</div>

              <div class="panel-body" ng-show="membre.comment" ng-bind-html="membre.comment | nl2br"></div>

          </div>

          <h3>Équipe GIS <span class="badge">{{ equipes.gis.length }}</span></h3>
          <div class="panel panel-default" ng-repeat="membre in equipes.gis">
              <div class="panel-heading"><strong>{{ membre.nom }}</strong> ({{ membre.section }})</div>

              <div class="panel-body" ng-show="membre.comment" ng-bind-html="membre.comment | nl2br"></div>

          </div>

          <h3>Équipe IMA5 (fermée) <span class="badge">{{ equipes.ima5.length }}</span></h3>
          <div class="panel panel-default" ng-repeat="membre in equipes.ima5">
              <div class="panel-heading"><strong>{{ membre.nom }}</strong> ({{ membre.section }})</div>

              <div class="panel-body" ng-show="membre.comment" ng-bind-html="membre.comment | nl2br"></div>

          </div>

      </div>
      <br/>
  </div>