{% extends 'base.html.twig' %}
{% block title %}OPHAM - Nos partenaires{% endblock %}

{% block asset_css %}
{% endblock %}
{% block body %}
<section class="metier">
  <!-- banner -->
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 col-sm12 col-md-12 col-lg-12 col-xl-12 p-0">
        <img src="/assets/images/banner/banner-4.png" alt="banner-4" class="w-100">
      </div>
    </div>
  </div>
  <!-- / banner -->
  <hr>
   <h2 class="text-center">NOS PARTENAIRES</h2>
    <section class="wrapper">
        <div class="container">
           
            <div class="row">
            {% for partenaire in partenaires  %}
                <div class="col-sm-12 col-md-6 col-lg-3 mb-4">
                    <div class="card" style="width: 18rem;">
                        {% if partenaire.img  %}
                            <img class="card-img-top" src="{{ partenaire.img }}" alt="Card image cap">
                        {% else %}
                            <img src="{{ asset('assets/images/partenaire/partenaire_noimg.png') }}"  alt="Card image cap" class="card-img-top"/>
                        {% endif %}
                        {% if partenaire.descriptionCourte or partenaire.siteWeb %}
                            <div class="card-body">
                                <p class="card-text">{{ partenaire.descriptionCourte }}</p>
                                {% if partenaire.siteWeb %}
                                    <a href="{{ partenaire.siteWeb ? partenaire.siteWeb : "#" }}" {{ partenaire.siteWeb ? 'target="_blank"' }}  style="color:#007b31"><i class="fa fa-link"></i> Voir le site web </a>
                                {% endif %}
                            </div>
                        {% endif %}

                    </div>
                </div>
            {% endfor %}
            </div>
        </div>
    </section>
</section>
{% endblock %}