{{with .Site.Data.horaires}}
{{if .enable}}
<section class="pricing" style="background-image: url( {{ .backgroundImage }} );" id="horaires">
  <div class="container">
    <div class="section-title">
      <h3>{{ .title }}</h3>
    </div>
    <div class="row">
      <div class="col-lg-7">
        <div class="testimonial-content">
          <!-- <p>Aujourd'hui nous sommes le {{ time.Now | time.Format "2 Jan 2006" }}.</p> -->
          <div class="calendar-container">
            <header class="calendar-header">
              <p class="calendar-current-date"></p>
              <div class="calendar-navigation">
                <span id="calendar-prev" class="material-symbols-rounded">chevron_left</span>
                <span id="calendar-next" class="material-symbols-rounded">chevron_right</span>
              </div>
           </header>
          <div class="calendar-body">
            <ul class="calendar-weekdays">
                <li>Lun</li>
                <li>Mar</li>
                <li>Mer</li>
                <li>Jeu</li>
                <li>Ven</li>
                <li>Sam</li>
                <li>Dim</li>
            </ul>
            <ul class="calendar-dates"></ul>
          </div>
        </div>
          <!-- <blockquote> -->
            <cite>{{ .feedback | safeHTML }}</cite>
            <!-- <cite>{{ .feedbackAuthor | safeHTML }}</cite>
          </blockquote> -->
        </div>
      </div>
    {{ range .itemPrices}}
      <div class="col-lg-5">
        <div class="pricing-wraper">
          <div class="pricing-item">
            {{if .badge}}
            <span class="pricing-item-badge">Popular</span>
            {{end}}
            <span class="price">
                {{.price}}<sup>€</sup>
            </span>
            <h3>{{.packcage}}</h3>
            <p>
               {{.description}}
            </p>
            </div>
              <a href="{{ .buttonTarget }}" class="btn btn-primary" target="_blank">Prendre rendez-vous en ligne</a>
            </div>
          </div>
        </div>
      </div>
    {{end}}
    </div>
  </div>
</section>
{{end}}
{{end}}