{% extends "base.html" %}
{% load staticfiles %}
{% block pageTitle %}
<section id="page-title">
   <div class="container clearfix">
      <h1>Course {{course.shortname}}</h1>
      <span>{{course.name}}</span>
      <ol class="breadcrumb">
         <li><a href="http://www.combio.pl">Home</a></li>
         <li class="active">Hands On</li>
      </ol>
   </div>
</section>
{% endblock %}
{% block content %}
<section id="content">
   <div class="content-wrap">
      <div class="container clearfix">
         <div class="tabs side-tabs clearfix" id="tab-4">
            <ul class="tab-nav clearfix">
               <li><a href="#tabs-13"><i class="icon-home2"></i> Course description</a></li>
               <li><a href="#tabs-14">Programme</a></li>
               <li><a href="#tabs-15">Register</a></li>

               <li><a id="dojazdtab" class="" href="#tabs-17">Location</a></li>
            </ul>
            <div class="tab-container">
               <div class="tab-content clearfix" id="tabs-13">
                  <h3>{{course.name}}</h3>
                  <p>This workshop is directed to molecular biologist and its main idea is to familarize the audience with methods for gene description, annotation and visualization of various biological data sets.</p>
                  <p>We will draw special attention to web-based tools taht can be used in any operating system (Windows, Linux, MacOS).
                  <p>This workshop is organised within the BIO-TALENT (The Creation of the Department of Integrative Plant Biology) project held by the Institute of Plant Genetics of the Polish Academy of Sciences (<a target="_blank" href="http://www.igr.poznan.pl/pl/about-bio-talent">website</a>).</p>

<p>The <a href="www.biotalent.eu" target="_blank">BIO-TALENT</a> project () is a pilot ERA Chair project supported by the European Commission under EU 7 FP (contract no 321621) and it is the first such a project in Poland and one of 11 funded by the European Commission under the pilot call (FP7-ERAChairs-Pilot Call-2013).</p>
<p>The main objective of the BIO-TALENT project is the integration of the Institute of Plant Genetics, Polish Academy of Sciences staff members with the European Research Area and strengthening its excellence through fostering human, partnership and technological capacities.</p>

<p>Workshops, practical courses and lectures are organised within WP4 Cooperation and transfer of knowledge managed by dr A. Stachowiak-Szrejbrowska (asta@igr.poznan.pl). WP4 focuses on training of young and experienced researchers, exchange of knowledge, know-how and best practice, as well as the creation of international and inter-sector partnerships with other operatives within Europe. It is designed to stimulate innovation and technology transfer.</p> 

<p>All course materials will be provided in the electronic form [memory sticks] on Dec 12, 2015.</p>

                  <p><strong>Speakers:</strong><br/>
                  prof. Wojciech Karłowski (UAM, Poznan, Poland)<br/>
                  dr. Martin Krzywinski (Canada's Michael Smith Genome Sciences Centre Vancouver)</p><br/>
                  <img style="height:100px" src="{% static "images/BioTalent_logo.jpg" %}"/>
                  <img style="height:100px;margin-left:20px;" src="{% static "images/Logo_IGR_zmienione_zielone jasne.png" %}"/>
                  <img src="{% static "images/sponsors.png" %}" style="width:100%;margin-top:10px;" alt="sponsors"/>
               </div>
               <div class="tab-content clearfix" id="tabs-14">
                  <table class="table">
                     <thead>
                        <tr>
                           <th>No</th>
                           <th>Timeline</th>
                           <th>Task</th>
                        </tr>
                     </thead>
                     <tbody>
                        <tr>
                           <td>1</td>
                           <td>9:00-10:30</td>
                           <td>
                              <strong>Lecture - Genomic sequence annotation (prof. Wojciech Karlowski)</strong>
                              <ul>
                                 <li>structural annotation</li>
                                 <li>functional annotation</li>

                              </ul>
                           </td>
                        </tr>
                        <tr class="success">
                           <td>2</td>
                           <td>10:30-10:45</td>
                           <td>Coffee</td>
                        </tr>
                        <tr>
                           <td>3</td>
                           <td>10:45-12:45</td>
                           <td>
                              <strong>Exercises - Genomic sequence annotation (dr. Andrzej Zielezinski)</strong>
                              <ul>
                                 <li>Identyfication of repetetive elements</li>
                                 <li>Ab initio gene prediction</li>
                                 <li>Homology-based gene prediction</li>
                                 <li>Visualization and manual curation of annotation</li>
                              </ul>
                           </td>
                        </tr>
                        <tr class="success">
                           <td>4</td>
                           <td>12:45-13:30</td>
                           <td>Lunch</td>
                        </tr>
                        <tr>
                           <td>5</td>
                           <td>13:30-15:00</td>
                           <td>
                              <strong>Lecture - Data visualization (dr Martin Krzywinski)</strong>
                              <ul>
                                 <li>linear and circular plots</li>
                              </ul>
                           </td>
                        </tr>
                        <tr  class="success">
                           <td>6</td>
                           <td>15:00-15:15</td>
                           <td>Coffee</td>
                        </tr>
                        <tr>
                           <td>7</td>
                           <td>15:15-17:00</td>
                           <td><strong>Exercises (Dr Martin Krzywinski)</strong></td>
                        </tr>
                     </tbody>
                  </table>
               </div>
               <div class="tab-content clearfix" id="tabs-15">
                  {% if vacancy = 0 %}<h3 style="color:#d97373">The number of vacancies has reached limit.</h3>{% endif %}
                  {% if people >= limit %}
                  <p></p>
                  <!--<p style="font-size:1.2em;">Ze względu na bardzo duże zainteresowanie kursem, wszystkie miejsca dostępne w tym terminie zostały już zarezerwowane.</p>
                  Zachęcamy do sprawdzenia pozostałych terminów.</p>
                  <p>Jeżeli limity miejsc we wszystkich proponowanych terminach zostały wyczerpane prosimy o zgłoszenie chęci uczestnictwa wysyłając e-mail pod adres: <b>comgenlab@gmail.com</b>. W zależności od liczby zgłoszeń będą uruchamiane kolejne edycje kursu.</p>-->
                  {% else %}
                  <div class="postcontent nobottommargin">
                     <div class="fancy-title title-dotted-border">
                        <h3>Registration</h3>
                     </div>
                     <div id="contact-form-result" data-notify-type="success" data-notify-msg="<i class=icon-ok-sign></i> Message Sent Successfully!"></div>
                     <form class="nobottommargin" id="template-contactform" action="{% url 'hands_on.views.register' %}" method="post" novalidate="novalidate">
                        {% csrf_token %}
                        <div class="form-process"></div>
                        <div class="col_one_third">
                           <label for="template-contactform-name">First name <small>*</small></label>
                           <input type="text" id="template-contactform-name" name="firstname" value="" class="sm-form-control required" aria-required="true">
                        </div>
                        <div class="col_one_third">
                           <label for="template-contactform-lastname">Last name <small>*</small></label>
                           <input type="text" id="template-contactform-lastname" name="lastname" value="" class="required sm-form-control" aria-required="true">
                        </div>
                        <div class="col_one_third col_last">
                           <label for="template-contactform-email">Email</label>
                           <input type="email" id="template-contactform-email" name="email" value="" class="required email sm-form-control">
                        </div>
                        <div class="clear"></div>
                        <div class="col_full">
                           <label for="template-contactform-subject">Organization <small>*</small></label>
                           <input type="text" id="template-contactform-subject" name="organization" value="" class="required sm-form-control" aria-required="true">
                        </div>
                        <div class="clear"></div>
                        <div class="col_full hidden">
                           <input type="text" id="template-contactform-botcheck" name="course" value="{{course.pk}}" class="sm-form-control">
                        </div>
                        <div class="col_full">
                           <button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send</button>
                        </div>
                     </form>
                     <script type="text/javascript">
                        $("#template-contactform").validate({
                        	submitHandler: function(form) {
                        		$('.form-process').fadeIn();
                        		$(form).ajaxSubmit({
                        			target: '#contact-form-result',
                        			success: function(data) {
                        				$('.form-process').fadeOut();
                        				$(form).find('.sm-form-control').val('');
                        				$('#contact-form-result').attr('data-notify-msg', data.msg);
                                                        $('#contact-form-result').attr('data-notify-type', data.msgType);
                        				SEMICOLON.widget.notifications($('#contact-form-result'));
                        			}
                        		});
                        	}
                        });
                        
                     </script>
                  </div>
                  {% endif %}
               </div>

               <div class="tab-content clearfix" id="tabs-17">
                  <div class="col_half">
                     <address>
                        <strong>Location of this course</strong><br>
                        Collegium Biologicum<br>
                        ul. Umultowska 89, Poznań<br><br>
                        Instytut Biologii Molekularnej i Biotechnologii<br>
                        Zakład Biologii Obliczeniowej
                     </address>
                     <abbr title="Telefon"><strong>Phone: </strong>61 8295841</abbr> lub 618295843<br/>
                     <abbr title="Adres e-mail"><strong>Email: </strong>bioinfo@amu.edu.pl</abbr><br/>
                  </div>
                  <div class="col_half col_last">
                     <section id="google-map" class="gmap" style="height: 410px;"></section>
                     <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
                     <script type="text/javascript" src="{% static "js/jquery.gmap.js" %}"></script>
                     <script type="text/javascript">
                        $('a#dojazdtab').on('click', function() {
                        
                                   if (!$(this).hasClass('shown')) {
                                    $(this).addClass('shown');
                                    $('#google-map').gMap({
                        
                                        address: 'Kampus UAM Morasko Umultowska, Poznań, Poland',
                                        maptype: 'ROADMAP',
                                        zoom: 14,
                                        markers: [
                                            {
                                                address: "Kampus UAM Morasko Umultowska, Poznań, Poland",
                                                html: '<div style="width: 300px;"><h4 style="margin-bottom: 8px;">Hi, we\'re <span>ComBio</span></h4><p class="nobottommargin">You can find us at <strong>Umultowska 89</strong> in Collegium Biologicum at <strong>Kampus UAM Morasko</strong>. We are part of <strong>Institute of Molecular Biology and Biotechnology</strong>.</p></div>'
                                            }
                                        ],
                                        doubleclickzoom: false,
                                        controls: {
                                            panControl: true,
                                            zoomControl: true,
                                            mapTypeControl: true,
                                            scaleControl: false,
                                            streetViewControl: false,
                                            overviewMapControl: false
                                        }
                        
                                    });
                        
                        };
                        });
                                
                     </script><!-- Google Map End -->
                  </div>
                  <div class="clear"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
{% endblock %}