{% extends 'Front/Render/Modal/layout.html.twig' %}

{% set modalClass = 'testimonial' %}
{% set headerClass = 'bg-tangerine' %}
{% set bodyClass = '' %}
{% set footerClass = 'no-padding' %}

{% set picture = testimonial.getWebPicture() %}

{% block header %}
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <figure class="img-block">
                    {% if picture is not empty %}
                    <img alt="" class="img-fluid" src="{{ asset(picture|imagine_filter('500L')) }}"/>
                    {% endif %}
                </figure>
            </div>
            <div class="col-md-8">
                <h3 class="item-title h6 text-no-transform">
                    {{ testimonial.witness }}
                </h3>
                <p class="item-occupation text-small">{{ testimonial.occupation }}</p>
            </div>
        </div>
    </div>
{% endblock %}

{% block body %}
    <div class="quote">{{ include('Front/_component/icon.html.twig', {id: 'quote', class:'icon-quote'}) }}{{ testimonial.content|raw }}</div>
{% endblock %}