## -*- coding: utf-8 -*-
<%inherit file="jm2l:templates/layout.mako"/>
<%def name="jsAddOn_head()">
    <script src="/vendor/leaflet/js/leaflet.js"></script>
    <script src="/vendor/leaflet/js/leaflet-routing-machine.min.js"></script>
</%def>
<%def name="cssAddOn()">
  <link rel="stylesheet" href="/vendor/leaflet/css/leaflet.css" />
  <style>
    #come_map {
        height: 400px;
    }
    div.circle_place {
        background-color: #8080AF77;
        border-color: light-gray;
        border-radius: 15px;
        border-style: dashed;
        border-width: 1px;
    }
    div.car_place {
        background-image: url('img/tr_voiture_.png');
        background-size: 28px;
        fillOpacity: 0.5;
        background-repeat: no-repeat;
    }
  </style>
</%def>

<h2 class="shadow">Nous rejoindre aux JM2L \o/</h2>

<div class="span11 offset1">
    <p>Le <strong>${request.registry['event_date']}</strong>, de chez vous, bienvenue à bord !</p>
    <p style="text-align:center;">
        Pas de panique ! Demain, ce sera pire...
    </p>
    <p>
        <strong>Devenir sponsor des JM2L</strong> : merci de prendre contact avec le <a href="mailto:contact%40jm2l.linux-azur.org">staff</a>
    </p>

</div>

<div class="row-fluid">
    <div class="span4 offset1">
        <h4>Contact - Questions</h4>
            <dl>
               <dt>mail</dt>
                  <dd>» <a href="mailto:contact%40jm2l.linux-azur.org">contact chez jm2l.linux-azur point org</a></dd>
               <dt>mobile</dt>
                  <dd>» +33 6 52 42 31 37</dd>
               <dt>irc</dt>
                  <dd>» #jm2l@irc.freenode.net</dd>
            </dl>
    </div>
    <div class="span4 offset1">
        <h4>Venir</h4>
        <address>
            <strong>École&nbsp;</strong><strong>Polytech Nice-Sophia </strong> et <strong>Learning centre</strong><br>
                    930, route des Colles (site des Templiers)&nbsp;<br>
                    06903 Sophia Antipolis (Biot)
        </address>
            <p>GPS Lat.: 43°61'56.9"N - Lon.: 7°0'71.95"E</p>
    </div>
</div>

<div class="row-fluid">
    <div class="span8 offset2">
        <div id="come_map"></div>
        <script type="text/javascript">
            var map = L.map('come_map');
            // create the tile layer with correct attribution
            var osmUrl='//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
            var osmAttrib='Map data © <a href="//openstreetmap.org">OpenStreetMap</a> contributors';
            var osm = new L.TileLayer(osmUrl, {minZoom: 7, maxZoom: 18, attribution: osmAttrib});
            map.setView(new L.LatLng(43.6137, 7.07502),16);
            marker = L.marker([43.61556, 7.07176], {
                icon: L.divIcon({ className: 'circle_place',
                iconSize: [30, 30] })}).addTo(map);
            marker.bindTooltip('Accueil<br/><b>JM2L</b>', {direction: 'top', offset:L.point(0, -10)}).openTooltip();
            map.addLayer(osm);
            // start the map on specified GPS Coords
            var car_route = L.Routing.control({
                autoRoute: false,
                show: false,
                waypoints: [ L.latLng([43.61201, 7.07812]), L.latLng([43.6144, 7.07326]) ],
                createMarker: function(i, wp) {
                    if (i==1) {
				        return L.marker(wp.latLng, {
				            icon: L.divIcon({ className: 'car_place', iconSize: [30, 30] })
				        }).bindTooltip('Parking P2 (conseill&eacute;)', {direction: 'right'})
				    } else {
				        return L.marker(wp.latLng).bindTooltip('Suivre Campus Poly\'tech', {direction: 'bottom'});
				    }
				}
            });
            car_route.route({geometryOnly: true});
            car_route.addTo(map);
        </script>
    </div>
</div>

<div class="row-fluid">
  <div class="span10 offset1">
    <div class="tabbable" id="main_tab">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#Trsp" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en bus" src="/img/tr_bus_.png"> Bus</a></li>
            <li><a href="#Voiture" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en voiture" src="/img/tr_voiture_.png"> Voiture</a></li>
            <li><a href="#Train" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en train" src="/img/tr_train_.png"> Train</a></li>            
            <li><a href="#Avion" data-toggle="tab"><img style="margin-bottom: -15px;" alt="en avion" src="/img/tr_avion_.png"> Avion</a></li>
        </ul>
         
        <div class="tab-content">
            <div class="tab-pane fade active in" id="Trsp">
                <div class="span6">
                <h3>Bus</h3>
                    <ul>
                        <li><a href="https://www.maregionsud.fr/uploads/media/tarif_2018.pdf" target="_blank">Tarifs du coin</a> <i>(pan)</i> </li>
                        <li>Bus <a href="https://www.pacamobilite.fr/index.asp" target="_blank">Réseau Paca-mobilité</a> - Destination :
                            <ul>
                                <li><strong>Templiers - BIOT</strong> [ARRET]</li>
                                <li><strong>IUT - BIOT</strong> [ARRET]</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="span4 offset1">
                    <img src="/static/img/bus2.jpg" alt="bus"></img>
                </div>
            </div>
            <div class="tab-pane fade in" id="Avion">
                <div class="span6">
                <h3>Avion</h3>
                    <p>Des lignes r&eacute;gulières desservent l’a&eacute;roport de Nice Côte d’Azur
                    depuis les grandes villes de France et d’Europe. Depuis Paris,
                    la Navette Air France a un d&eacute;part toutes les heures. Un service
                    de taxis vous conduira à grands frais jusqu’à Polytech’Nice-Sophia.
                    Pensez à contacter la communaut&eacute; pour vous &eacute;viter ces frais.
                    Quelqu’un pourra certainement vous r&eacute;cup&eacute;rer à l’a&eacute;roport et
                    vous amener à Polytech’Nice-Sophia. Autrement, La soci&eacute;t&eacute;&nbsp;
                    <a href="http://www.nice.aeroport.fr/acces_stationnement/bus/recherche.asp?lign_id=%7B3396BEE2-4ED0-4FAF-8E25-2F031FF4FE7E%7D">STCAR</a>&nbsp;
                    propose une navette reliant l’a&eacute;roport de Nice directement à Sophia Antipolis via la navette.
                    </p>
                    <p><a href="http://www.cg06.fr/fr/servir-les-habitants/deplacements/transport-collectifs/lignes-et-horaires/lignes-et-horaires/">Site transports du conseil g&eacute;n&eacute;ral.</a></p>
                    <ul>
                        <li>D&eacute;part&nbsp;: Terminal 1 ou 2</li>
                        <li>Arriv&eacute;e&nbsp;: descendre à l’arrêt Templiers (700m à pied) ou IUT (à 150m à pied)</li>
                    </ul>
                </div>
                <div class="span4 offset1">
                        <img src="/static/img/aeroport.jpg" alt="avion"></img>
                </div>
            </div>
            <div class="tab-pane fade in" id="Train">
                <div class="span6">
                <h3>Train</h3>
                    <p>La gare la plus proche est celle d’Antibes. Les&nbsp;lignes de bus num&eacute;ro 1, ligne de bus num&eacute;ro 100 (pas le week-end)
                        vous emmèneront depuis la gare (arrêt Passerelle SNCF) jusqu'à l'IUT de Sophia Antipolis.
                        Polytech'Nice-Sophia partage le site avec l'IUT. Suivez les indications sur place.
                    </p>
                    <p>
                        Attention, des perturbations sont à pr&eacute;voir !
                    </p>
                </div>
                <div class="span4 offset1">
                        <img src="/static/img/train.jpg" alt="train"></img>
                </div>

            </div>
            <div class="tab-pane fade in" id="Voiture">
                <div class="span6">
                <h3>Voiture</h3>
                    <p>Par l’autoroute, prendre la sortie 44 Antibes ou Sophia, selon le sens de circulation.
                    Prendre direction Sophia Antipolis (la première route à droite après le p&eacute;age).</p>
                    <p>Au rond point en bas de la Route des Chappes, suivre ensuite la direction Sophia Tech.</p>
                    <p>Un&nbsp;<strong>flêchage de l’itin&eacute;raire</strong>&nbsp;noir sur fond jaune ou orange -
                    JM2L - est en place pour vous guider à partir de la sortie 44 de l’autoroute A8.
                    </p>
                    <p>Pensez aussi au co-voiturage&nbsp;:-)&nbsp;
                    <a href="http://www.covoiturage06.fr/">http://www.covoiturage06.fr/</a>
                    </p>
                <h3>Le parking</h3>

                    <p>Avec le plan vigipirate toujours en cours, il est probable que (voir
                        <a href="/img/SophiaTech%20-%20plan.png" target="_blank">plan</a>):</p>
                    <ul>
                        <li>Les Portails 1 et 3 ont de forte chance d'être inaccessible.</li>
                        <li>Le parking P2 est conseillé, il est complètement accessible toute la journée.</li>
                        <li>Si vous êtes exposant:
                            <ul>
                                <li>le parking P4 sera accessible seulement en début d'évenement</li>
                                <li>Prenez contact avec le staff pour ouvrir les passages à vos heures d'arrivée</li>
                                <li>Nous ne pouvons pas réquisitionner un bénévole à attendre à la barrière ^^</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="span4 offset1">
                    <a href="/img/SophiaTech%20-%20plan.png" target="_blank">
                        <img src="/img/SophiaTech%20-%20plan.png" alt="parking"></img>
                    </a>
                </div>

            </div>

        </div>
    </div>
      <h3>Co-Voiturage</h3>
      <p> Il y'a aussi la section <a href="/MesJM2L#Covoiturage">covoiturage de votre profil</a>. </p>
  </div>
</div>

<br />