{% extends "layout.jinja2" %}

{% block carousel %}

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
      <li data-target="#myCarousel" data-slide-to="3"></li>
      <li data-target="#myCarousel" data-slide-to="4"></li>
      <li data-target="#myCarousel" data-slide-to="5"></li>
      <li data-target="#myCarousel" data-slide-to="6"></li>
      <li data-target="#myCarousel" data-slide-to="7"></li>
      <li data-target="#myCarousel" data-slide-to="8"></li>
      <li data-target="#myCarousel" data-slide-to="9"></li>
    </ol>
  
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="{{ car_images[0] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[1] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[2] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[3] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[4] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[5] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[6] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[7] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[8] }}" />
      </div>
      <div class="item">
        <img src="{{ car_images[9] }}" />
      </div>
    </div>
  
    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
{% endblock %}

{% block content %}

  <!-- Container (Méditation SUNYATA Section) -->
  <div id="band" class="text-center">
    <h2>LA MEDITATION SUNYATA</h2>
    <p>Le centre de Méditation Sunyata Paris est une branche du <a href="http://www.sunyatameditation.org/">Sunyata Méditation Center</a> dont le siège est à Perris, CA, Etats-Unis.<br />
      Notre but est de promouvoir la pratique de la méditation et du QiGong Sunyata à Paris.
    </p>
    <br>
    <div class="row">
      <div class="col-xs-4">
        <a href="#demo">
          <img src="{{ request.static_url('cao_blogr:static/ni-su.jpg') }}" class="img-circle person" alt="Médiation Sunyata" width="255" height="255">
        </a>
        <p><b>La Méditation SUNYATA</p></b>
        <p>développée par le maître zen Thích Thông Triệt, combine les enseignements essentiels du <b>processus de réalisation et d'illumination du Bouddha</b>, les <b>pratiques des 3 traditions du bouddhisme</b> (Theravāda, Mahayana, le Zen), et les <b>découvertes de la neuro-sciences</b>.</p>
      </div>
      <div class="col-xs-4">
        <a href="#demo2">
          <img src="{{ request.static_url('cao_blogr:static/thong-triet.jpg') }}" class="img-circle person" alt="Maître Thông Triêt" width="255" height="255">
        </a>
        <p><b>Notre Maître Fondateur</p></b>
        <p><b>Le Vénérable Maître Thích Thông Triệt</b> a été ordonné par le Vénérable Maître Zen Thich Thanh Tu en 1974 et a eu sa réalisation spirituelle majeure en 1989 au Vietnam. 
          Il s'est ensuite établi aux Etats Unis et a commencé à enseigner en 1995 dans l'Oregon. </p>
      </div>
      <div class="col-xs-4">
        <a href="#demo3" data-toggle="collapse">
          <img src="{{ request.static_url('cao_blogr:static/khong-noi.jpg') }}" class="img-circle person" alt="Khong Noi" width="255" height="255">
        </a>
        <p><b>La technique « PARLE PAS »</p></b>
        <p>Depuis 2016, la technique <b>PARLE PAS</b> (ou KHONG NOI) est devenu la pierre angulaire de la pratique de la méditation SUNYATA. Cette technique conduit le méditant vers la maîtrise de ses pensées à travers un processus graduel d'extinction des murmures mentaux.</p>
      </div>
    </div>
  </div>

  <!-- Container (ACTIVITES Section) -->
  <br>
  <br>
  <div id="tour" class="bg-1">
    <br>
    <h2 class="text-center">NOS ACTIVITES</h2>
    <div class="row text-center">
      <div class="col-sm-1">
      </div>
      <div class="col-sm-3">
        <div class="thumbnail">
          <img src="{{ request.static_url('cao_blogr:static/logo-zoom.jpg') }}" alt="Zoom">
          <p><strong>Dans la semaine</strong></p>
          <p>
            Lundi, Mercredi et Vendredi<br>
            de 8h00 à 9h00<br>
            sur Zoom
          </p>
        </div>
      </div>
      <div class="col-sm-4">
        <div class="thumbnail">
          <img src="{{ request.static_url('cao_blogr:static/dao-trang.jpg') }}" alt="Dao trang">
          <p><strong>1er dimanche du mois</strong></p>
          <p>
            Dimanche 1er mai 2022<br>
            de 09h00 à 13h30<br>
            à Noisy le Grand
          </p>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumbnail">
          <img src="{{ request.static_url('cao_blogr:static/logo-zoom.jpg') }}" alt="Zoom">
          <p><strong>3ème dimanche du mois</strong></p>
          <p>
            Dimanche 15 mai 2022<br>
            de 10h00 à 12h00<br>
            sur Zoom
          </p>
        </div>
      </div>
      <div class="col-sm-1">
      </div>
    </div>
    <br>
  </div>

  <!-- Container (POSTS Section) -->
  <div id="posts">
    <br>

    <h2 class="text-center">DERNIERES PUBLICATIONS</h2>

    {% for entry in last_five %}
      <div class="col-xs-10">
          {{ entry.edited.strftime("%d-%m-%Y") }}&nbsp;&nbsp; 
          <a href="{{ request.route_url('blog', id=entry.id, slug=entry.slug) }}">
              <span class="glyphicon glyphicon-triangle-right"></span>&nbsp;{{ entry.title }}
          </a>
      </div>
      <div class="col-xs-2">
          [&nbsp;{{ entry.topic_name }} ]
      </div>

    {% endfor %}
    
    <br>
    <p class="text-center">---</p>
  </div>

  <br>
  <!-- Container (Contact Section) -->
  <div id="contact">
    <h2 class="text-center">CONTACT</h2>
    <p class="text-center"><em>Laissez nous un message!</em></p>

    <div class="row">
      <div class="col-xs-4">
        <p><span class="glyphicon glyphicon-envelope"></span>&nbsp;Centre Méditation Sunyata Paris<br>
          116 bd Maréchal Foch<br>
          93160 NOISY LE GRAND
        </p>
      </div>
      <div class="col-xs-8">
        <div class="row">
          <div class="col-xs-6 form-group">
            <input class="form-control" id="name" name="name" placeholder="Nom et prénom" type="text" required>
          </div>
          <div class="col-xs-6 form-group">
            <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
          </div>
        </div>
        <textarea class="form-control" id="comments" name="comments" placeholder="Message" rows="5"></textarea>
        <br>
        <div class="row">
          <div class="col-xs-12 form-group">
            <button class="btn pull-right" type="submit">Envoyer</button>
          </div>
        </div>
      </div>
    </div>
  </div>

{% endblock %}