{% 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 et 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>

    <ul>
    {% for entry in last_five %}
        <li>
          {{ entry.edited.strftime("%d-%m-%Y") }}&nbsp;&nbsp; 
          <a href="{{ request.route_url('blog', id=entry.id, slug=entry.slug) }}">
              <span class="glyphicon glyphicon-menu-right"></span>&nbsp;&nbsp;{{ entry.title }}
          </a>
        </li>

    {% endfor %}
    </ul>
  </div>


  <!-- Container (Contact Section) -->
  <div id="contact">
    <br >
    <h2 class="text-center">CONTACT</h2>

    <div class="row">
      <div class="col-xs-4">
        <p><span class="glyphicon glyphicon-envelope"></span>&nbsp;Centre de Méditation Sunyata<br>
          116 bd Maréchal Foch<br>
          93160 NOISY LE GRAND
        </p>
      </div>
      <div class="col-xs-8">
        <p><em>Laissez nous un message!</em></p>
        <div class="row">
          <form action="{{ request.route_url('home') }}" method="POST" class="form">
            <div class="col-xs-6 form-group">
              <input class="form-control" id="name" name="name" placeholder="Nom et prénom" required 
                    type="text" value="{{name}}">
            </div>
            <div class="col-xs-6 form-group">
              <input class="form-control" id="email" name="email" placeholder="Email" required 
                    type="email" value="{{email}} ">
            </div>
            </div>
            <textarea class="form-control" id="comments" name="comments" placeholder="Message" required rows="5"></textarea>
            <br>
              <button class="btn btn-primary" type="submit" name="form.submitted">Envoyer</button>
          </form>
        </div>
    </div>
  </div>

{% endblock %}