{% 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="container text-center">
    <h3>La méditation SUNYATA</h3>
    <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-sm-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-sm-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-sm-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) -->
<div id="tour" class="bg-1">
  <div class="container">
    <h3 class="text-center">PROCHAINES ACTIVITES</h3>

    {% if paginator.items %}

    {% for entry in paginator.items %}
        <div class="col-xs-10">
            {{ entry.created.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">
            <span class="glyphicon glyphicon-triangle-left"></span>&nbsp;{{ entry.tag }}
        </div>

    {% endfor %}
    
        {{ paginator.pager() |safe }}

    {% else %}

        <p>No blog entries found.</p>

    {% endif %}
  </div>
</div>

<!-- Container (Contact Section) -->
<div id="contact" class="container">
  <h3 class="text-center">Contact</h3>
  <p class="text-center"><em>We love our fans!</em></p>

  <div class="row">
    <div class="col-md-4">
      <p>Fan? Drop a note.</p>
      <p><span class="glyphicon glyphicon-map-marker"></span>Chicago, US</p>
      <p><span class="glyphicon glyphicon-phone"></span>Phone: +00 1515151515</p>
      <p><span class="glyphicon glyphicon-envelope"></span>Email: mail@mail.com</p>
    </div>
    <div class="col-md-8">
      <div class="row">
        <div class="col-sm-6 form-group">
          <input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
        </div>
        <div class="col-sm-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="Comment" rows="5"></textarea>
      <br>
      <div class="row">
        <div class="col-md-12 form-group">
          <button class="btn pull-right" type="submit">Send</button>
        </div>
      </div>
    </div>
  </div>

{% endblock %}