{#
 * This file is part of JDEV-BOARDING
 *
 * (c) François Agneray <francois.agneray@lam.fr>
 * (c) Chrystel Moreau <chrystel.moreau@lam.fr>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 #}

{% extends "base_dashboard.twig" %}

{% block content_dashboard %}
<div class="content-dashboard">
    <div class="title-main">
        <div class="title-main-content">Création de votre parcours de formation
            <span  data-toggle="tooltip" data-placement="bottom" data-html="true" 
                   title="<h5>Création de votre parcours</h4><hr>vous devez sélectionner une demi-journée en cliquant sur un bouton Matin ou Après-Midi, puis vous inscrire.<br>Choisissez par 1/2 journée : 1 présentation ou<br>1 atelier ou<br> 1 GT de debut de session et 1 GT de fin de session.<br>Sauf le mercredi après-midi où vous pouvez vous inscrire en plus à 1 GT de 17h30"
                   
                <i class="fa fa-question-circle" aria-hidden="true"></i>
            </span>
        </div>
    </div>
        
    <div>
        
    <div id="seances">
        <p>
            <i class="fa fa-exclamation-triangle"></i> Choisissez par 1/2 journée : <b>1 présentation</b> ou <b>1 atelier</b> ou <b>1 GT de debut de session et 1 GT de fin de session</b>. Sauf le <u>mercredi après-midi</u> où vous pouvez vous inscrire en plus à <b>1 GT de 17h30</b>.<br>
            Consultez le <a href="http://devlog.cnrs.fr/{{ jdev.label | lower}}" target="_blank">dokuwiki</a> pour avoir la description des thématiques, des ateliers et des GTs.
        </p>
        <hr>
        <form id="form_inscription">
            <input type="hidden" id="token" name="token" value="{{ token }}"> 
                
            <table id="tab_mon_parcours"  class="table table-responsive"  style="background-color: white">
                <thead>
                <tr>
                    <th class="th-parcours">{{ jdev.j1 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j2 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j3 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j4 |date("d/m/Y")}}</th>
                    <th class="th-parcours">{{ jdev.j5 |date("d/m/Y")}}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j1 }} - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j1 }} - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j2 }} - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j2 }} - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j3 }} - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j3 }} - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j4 }} - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j4 }} - Matin">Matin</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j5 }}&debut=08:00:00&fin=13:30:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j5 }} - Matin" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j5 }} - Matin">Matin</a><br></th>
                </tr>
                <tr>
                    {% for i in 0..4 %}                            
                        <td class="td-parcours">
                            {% if pa_am[i] %}
                                {% for p in pa_am[i] %}                       
                                    <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                    <b>Intitulé</b> : {{ p.getAgenda().getFormation().getTitre() }}<br>
                                    <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                    <!--<b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>-->
                                    <b>Connexion</b> : {{ p.getAgenda().getSalle().getDescription()|raw }}<br>
                                    <b>Questions</b> : {{ p.getAgenda().getSalle().getAile()|raw }}<br>                                     
                                    <p></p>
                                {% endfor %}
                            {% else %}
                                pas d'inscription
                            {% endif %}
                        </td>
                    {% endfor %}
                </tr>  
                <tr>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j1 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j1 }} - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j1 }} - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j2 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j2 }} - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j2 }} - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j3 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j3 }} - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j3 }} - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j4 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j4 }} - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j4 }} - Après-Midi">Après-Midi</a><br></th>
                    <th class="td1-parcours"><a href="dashboard-participant-parcours?token={{ token }}&jour={{ jdev.j5 }}&debut=13:00:00&fin=19:00:00" class="btn btn-info btn-sm btn-block btn-jour" value="{{ jdev.j5 }} - Après-Midi" data-toggle="tooltip" data-placement="top" title="Visualisation des sessions de formation du {{ jdev.j5 }} - Après-Midi">Après-Midi</a><br></th>
                </tr>                
                <tr>
                    {% for i in 0..4 %}                            
                        <td class="td-parcours">
                            {% if pa_pm[i] %}
                                {% for p in pa_pm[i] %}                       
                                    <b>Formation</b> : {{ p.getAgenda().getFormation().getNom() }}<br>
                                    <b>Intitulé</b> : {{ p.getAgenda().getFormation().getTitre() }}<br>
                                    <b>Horaire</b> : {{ p.getAgenda().getDateDebut() | date("H:i") }} - {{ p.getAgenda().getDateFin() | date("H:i") }}<br>
                                    <!--<b>Salle</b> : {{ p.getAgenda().getSalle().getNom() }}<br>-->
                                    <b>Connexion</b> : {{ p.getAgenda().getSalle().getDescription()|raw }}<br>
                                    <b>Questions</b> : {{ p.getAgenda().getSalle().getAile()|raw }}<br>  
                                    <p></p>
                                {% endfor %}
                            {% else %}
                                pas d'inscription
                            {% endif %}
                        </td>
                    {% endfor %}                    

                </tr> 
                </tbody>
            </table>
  
        </form>
    </div>
    
        <div class="modal fade"  id="participant_inscription" role="dialog" tabindex="-1">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="titre_modal"></h4>
                    </div>

                    <div class="modal-body" id="body_modal">
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
        
    </div>
                    
</div>
{% endblock %}