{% if editmode %}
<div class="bg-gray-100 p-5">
{% include 'areaHeadAndFooter.html.twig' with { 'header': 'STWH: Blocked Content' } %}
{% include 'padding.html.twig' %}
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-1/4 overflow-hidden">
HTML-Script (optional):
</div>
<div class="w-3/4 overflow-hidden">
{{ pimcore_textarea("htmlscript", {
"htmlspecialchars": false,
"height": 200
}) }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
iFrame-URL (optional):
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_input("iframe") }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
Service-Name:
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_input("servicename") }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
Datenschutz-Hinweistext:<br />
(mit Default-Text)
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_textarea("dsvgtxt", {
"htmlspecialchars" : false,
"placeholder" : "Um DIESES anzuzeigen, benötigen wir Ihre Zustimmung zum Laden externer Inhalte. Durch das Akzeptieren werden Daten an Drittanbieter übermittelt."
}) }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
Buttontext:<br />
(mit Defaulttext)
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_input("buttontxt", {
"placeholder" : "Akzeptieren und laden"
}) }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
Javascript:
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_textarea("javascriptcode", {
"htmlspecialchars": false,
"nl2br": true,
"height": 200
}) }}
</div>
</div>
<hr/>
<div class="my-3 flex flex-wrap overflow-hidden">
<div class="w-2/4 overflow-hidden">
Javascript-SRC (optional):
</div>
<div class="w-2/4 overflow-hidden">
{{ pimcore_input("javascriptSrc") }}
</div>
</div>
<hr/>
{% include 'areaHeadAndFooter.html.twig' with { 'footer': true } %}
</div>
{% else %}
{% if pimcore_textarea("htmlscript").getData() != '' %}
{{ pimcore_textarea("htmlscript", {
"htmlspecialchars" : false
}) }}
{% endif %}
{% set srcTag = '' %}
{% set javascriptSrc = pimcore_input("javascriptSrc").getData() %}
{% if javascriptSrc != '' %}
{% set srcTag = pimcore_input("javascriptSrc") %}
{% endif %}
<script src="{{ srcTag }}" type="text/plain" data-usercentrics="{{ pimcore_input("servicename") }}">
{{ pimcore_textarea("javascriptcode") }}
</script>
{% set iframeSrc = pimcore_input("iframe").getData() %}
{% if iframeSrc != '' %}
<iframe data-usercentrics-service="{{ pimcore_input("servicename") }}" class="hidden" data-src="{{ iframeSrc }}"></iframe>
{% endif %}
{% set dsvgTxt = 'Um DIESES anzuzeigen, benötigen wir Ihre Zustimmung zum Laden externer Inhalte. Durch das Akzeptieren werden Daten an Drittanbieter übermittelt.' %}
{% if pimcore_textarea("dsvgtxt").getData() %}
{% set dsvgTxt = pimcore_textarea("dsvgtxt") %}
{% endif %}
{% set btnTxt = 'Akzeptieren und laden' %}
{% if pimcore_input("buttontxt").getData() %}
{% set btnTxt = pimcore_input("buttontxt") %}
{% endif %}
<div x-cloak x-data="consentBlocker('{{ pimcore_input("servicename") }}')">
<div x-show="initialized && !(accepted || explicitlyAllowed)" class="
container
mx-auto
my-8
bg-gray-100
border
border-gray-200
rounded-lg
p-6
text-center
shadow-lg
transition-all
duration-300
ease-in-out
hover:shadow-xl">
<p class="mb-6 text-lg">
{{ dsvgTxt }}
</p>
<button
@click="accept()"
class="
my-3
md:my-5
px-5
py-2
transition-all
ease-in-out
duration-200
hover:bg-[#eb6042]
hover:text-white
hover:shadow-lg
bg-stwh-rot-2024
text-white
relative
focus:outline-none
inline-flex
rounded-lg
text-xl
text-center
tracking-widest">
{{ btnTxt }}
</button>
</div>
</div>
{% endif %}