{% extends 'base.html.twig' %}

{% block title %}Cas clinique{% endblock %}

{% block body %}
<!-- About Section -->
    <section id="about" class="about section">

      <div class="container">

        <div class="row gy-4 gx-5">

          <div class="col-lg-12 position-relative align-self-start" data-aos="fade-up" data-aos-delay="200">
            
          </div>

          <div class="col-lg-12 col-12 content" data-aos="fade-up" data-aos-delay="100">
            <h3>Nos cas cliniques</h3>
            
            <ul class="row">
		 {% for ca_clinique  in cas_clinique %}
              <li class="col-md-6 col-12">
                <i class="fa-solid fa-pump-medical"></i>
                <div>
                  {% if ca_clinique.video %}
			<video width="200" height="200" controls>
          			<source src="{{ asset('upload/images/' ~ ca_clinique.video ) }}" type="video/mp4">
         		 	Votre navigateur ne supporte pas la balise vidéo.
        		</video>
		{% endif %}
                </div>
              </li>
		{% endfor %}
              
            </ul>
          </div>

        </div>

      </div>

    </section><!-- /About Section -->
</section><!-- /About Section -->


{% endblock %}