No notes defined.
<section class='c-cta
c-cta--article-feedback
'>
<div class='c-cta__content-wrapper'>
<h1 class='c-heading c-heading--blocky c-cta__heading'>
Was this play helpful?
</h1>
<p>We are privileged to build awareness on social entrepreneurship, a pretty new discipline in Croatia. Through supporting the youth in creating and implementing sustainable solutions, hopefully great heritage for future generations will evolve.</p>
<div data-uuid='article-feedback-123' class='c-article-feedback-form
js-article-feedback-form--async
' data-ajax-url='#' data-article-id='123' data-thank-you-message='Thank you for your contribution!'>
<div id='article-feedback-123-article-feedback-form-response'>
</div>
<form id='article-feedback-123-article-feedback-form' class='c-article-feedback-form__form' action='#' method='post'>
<div id='article-feedback-123-article-feedback-form-detail' class='c-article-feedback-form__detail form-group'>
<label for='article-feedback-123-article-feedback-form-detail-input'>
<span class='form-field__label'>Your suggestions</span>
<textarea id='article-feedback-123-article-feedback-form-detail-input' name='detail' class='form-input form-input--textarea' rows='5'></textarea>
</label>
<div class='form-actions'>
<button type='submit' name='helpful' value='no' class='c-button c-article-feedback-form__submit js-no-js-hide'>Submit</button>
</div>
</div>
<div class='c-article-feedback-form__actions form-group form-actions'>
<button type='submit' name='helpful' value='yes' class='c-button c-article-feedback-form__action c-article-feedback-form__action--yes'>👍 Yes</button>
<button type='submit' name='helpful' value='no' class='c-button c-article-feedback-form__action c-article-feedback-form__action--no'>👎 No</button>
</div>
</form>
</div>
</div>
</section>
<section class='{{ get_component_class( 'cta', display ) }}
{% if type %}
c-cta--{{ type }}
{% endif %}'>
<div class='c-cta__content-wrapper'>
{% if notice %}
{% include get_template( 'notice', 'unit' ) with notice %}
{% set notice = NULL %}
{% endif %}
{% if icon %}
{% include '@unit/icon/icon.twig' with icon|merge( { display: { component: 'cta', modifiers: [ 'double' ] } } ) %}
{% endif %}
{% if heading %}
{% include '@unit/heading/heading.twig' with heading|merge( { display: { component: 'cta', modifiers: [ 'blocky' ] } } ) %}
{% endif %}
{% if text %}
<p>{{ text|raw }}</p>
{% endif %}
{% if socialLinks %}
{% include get_template( 'social-links', 'unit' ) with socialLinks %}
{% elseif formTemplate %}
{% include '@unit/forms/' ~ formTemplate ~ '.twig' %}
{% elseif rendered %}
{{ rendered|raw }}
{% elseif button %}
<p class='c-cta__action'>
{% include get_template( 'button', 'base' ) with button|merge( { display: { theme: NULL } } ) %}
</p>
{% elseif link %}
<p class='c-cta__action'>
{% include get_template( 'link', 'base' ) with link|merge( { display: { modifiers: [ 'forward', 'with-icon', 'with-icon--reversed' ] } } ) %}
</p>
{% endif %}
</div>
</section>
{
"supraheading": "SIA Summit 2020",
"heading": {
"text": "Was this play helpful?"
},
"text": "We are privileged to build awareness on social entrepreneurship, a pretty new discipline in Croatia. Through supporting the youth in creating and implementing sustainable solutions, hopefully great heritage for future generations will evolve.",
"button": {
"text": "Click here!",
"url": "#"
},
"type": "article-feedback",
"formTemplate": "article-feedback-form",
"uuid": "article-feedback-123",
"articleId": 123,
"ajaxUrl": "#",
"async": true,
"formAction": "#",
"formMethod": "post"
}