{# templates/component/horse_card.html.twig #}
<div class="{{ cheval.isCardGrayscale() ? 'grayscale' : ''}} col-{{ col }}">
    <a href="{{ path('app_horse_show', {'id': cheval.getId()}) }}" draggable="false">
        <article class="card bg-primary border-highlight">
            <img class="card-bg" src="{{ vich_uploader_asset(cheval.getIdImageCarte()) }}" alt="Carte du cheval {{ cheval.getNomCheval() }}" draggable="false">
            <div class="card-body">
                <div></div>
                <div class="card-gradient p-2 pt-4">
                    <p class="text-white m-0 mt-4">{{ cheval.getLabelSexe() }} {{ cheval.getLabelCouleur() }} {{ cheval.getStatutVente() }}</p>
                    <h2 class="text-light m-0 mb-1 logo-name-xl">
                        <img class="logo-xl" src="{{ vich_uploader_asset(cheval.getIdEleveur().getIdFer()) }}"></img>
                        {{ cheval.getNomCheval() }}
                    </h2>
                    <p class="text-white m-0">
                        <strong class="text-light">{{ cheval.getPere().getNomCheval()|default('???') }}</strong> {{ cheval.getPere().getIdEleveur().getAbreviation()|default('') }}
                        × <strong class="text-light">{{ cheval.getMere().getNomCheval()|default('???') }}</strong> {{ cheval.getMere().getIdEleveur().getAbreviation()|default('') }}</br>
                        {% if cheval.getAge() >= 0 %}{{ cheval.getAge() }} {{ cheval.getAge() == 1 ? 'an' : 'ans'}}{% endif %}
                        {% if cheval.getPonctuation() != null %}| {{ cheval.getPonctuation }} Pts{% endif %}
                    </p>
                </div>
            </div>
        </article>
    </a>
    {% if is_granted('IS_AUTHENTICATED_FULLY') %}
        <div class="d-grid">
            <a class="button button-max text-center" href="{{ path('app_horse_edit', {'id': cheval.getId()}) }}">
                <i class="fa-solid fa-pen-to-square"></i> Modifier {{ cheval.getNomCheval() }}
            </a>
        </div>
    {% endif %}
</div>