{% extends "@TigrisContent/element/show.html.twig" %}

{% block element_content %}
<div class="container" id="achievement">
    <h1>{{ entity.name }} </h1>
    <div class="row">
        <div class="col-md-5">
            <div>
            {% embed '@TigrisContent/widget/_widget.html.twig' with {'name': 'content', 'type': 'text', 'data': entity.getData('content')} %}
            {% endembed %}
            </div>
            {% if entity.data.url is not empty %}
            <a class="btn d-block btn-primary" href="{{ entity.data.url }}" target="_blank">Visiter</a>
            {% endif %}
        </div>
        <div class="col-md-7">
            <div class="gallery mb-4">
                <a href="{{ asset(entity.image.webPath) }}"><img src="{{ asset(entity.image.getWebPath('achievement')) }}" class="img-fluid main-image" /></a>
                <div class="row">
                    {% for image in entity.gallery %}
                    <div class="col col-lg-4">
                        <a href="{{ asset(image.getWebPath) }}"><img src="{{ asset(image.getWebPath('achievement')) }}" class="img-fluid" /></a>
                    </div>
                    
                    {% endfor %}
                </div>
            </div>
            
        </div>
        
    </div>

</div>
{% endblock %}