{% extends '@NotarisFrontend/layout2017.html.twig' %}
{% if notaryId is defined %}
{% set headTitle = info.header1 | replace({"<BR />":" "}) ~ ' - ' ~ subsite.pageTitle %}
{% else %}
{% set headTitle = faq.title ~ ' | ' ~ 'alg_basetitle_nondash' | trans ~ ' - FAQ ' %}
{% endif %}
{% block title %}
<title>{{ headTitle }}</title>
{% endblock %}
{% if subsite.slug == 'faq' %}
{% if locale == 'nl' %}
{% set canonicalLink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_faq_subsite_detail', {subsiteSlug: 'algemeen', faqSlug: faq.slug}) %}
{% else %}
{% set canonicalLink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_faq_subsite_detail', {subsiteSlug: 'generales', faqSlug: faq.slug}) %}
{% endif %}
{% else %}
{% set canonicalLink = url_scheme ~ '://www.' ~ _context['url_' ~ locale] ~ path('notaris_frontend_faq_subsite_detail', {subsiteSlug: subsite.slug, faqSlug: faq.slug}) %}
{% endif %}
{% block extralinks %}
<link rel="canonical" href="{{ canonicalLink }}" />
{% endblock %}
{% set linked_url_nl = url_nl ~ path('notaris_frontend_faq') %}
{% set linked_url_fr = url_fr ~ path('notaris_frontend_faq') %}
{% block extrameta %}
{{ parent() }}
{#<meta name="description" lang="{{ locale }}" content="{{ subsite.meta.metaDescription }}"/>#}
{% if faq.meta.metaDescription != '' %}
<meta name="description" lang="{{ locale }}" content="{{ faq.meta.metaDescription }}"/>
{% else %}
<meta name="description" lang="{{ locale }}" content="{{ subsite.meta.metaDescription }}"/>
{% endif %}
{% if faq.meta.metaKeywords != '' %}
<meta name="keywords" lang="{{ locale }}" content="{{ faq.meta.metaKeywords }}"/>
{% else %}
<meta name="keywords" content="{{ subsite.meta.metaKeywords }}"/>
{% endif %}
<meta property="og:title" content="{{ faq.title }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ canonicalLink }}" />
{% if faq.meta.ogDescription != '' %}
<meta property="og:description" content="{{ faq.meta.ogDescription }}" />
{% else %}
<meta property="og:description" content="{{ subsite.meta.ogDescription }}" />
{% endif %}
{% endblock %}
{% block body %}
<section class="content u-padding-top-large">
{% if smallsidenav %}
{{ include('@NotarisFrontend/module/sidenav.html.twig', {'subsite': subsite, 'smallsidenav': smallsidenav }) }}
{% else %}
{{ include('@NotarisFrontend/module/sidenav.html.twig', {'subsite': subsite }) }}
{% endif %}
<div id="content-center" class="content-center-large {{ subsite.stylesheet }}">
<div id="content-center-header">
<div class="prevnext-pages prevnext-pages-color border-bottom">
{% if subsite.slug != '' and subsite.slug != 'faq' and subsite.slug != 'mybox' %}
{#% if subsite.slug == 'faq' and locale == 'nl' %}
{% set subsiteslug = 'algemeen' %}
{% elseif subsite.slug == 'faq' and locale == 'fr' %}
{% set subsiteslug = 'generales' %}
{% else %}
{% set subsiteslug = subsite.slug %}
{% endif %#}
<a href="{{ path('notaris_frontend_faq_subsite', {'subsiteSlug': subsite.slug}) }}" title="{{ 'faq_vragenover' | trans }} {{ subsite.name }}">{{ 'faq_vragenover' | trans }} <strong>{{ subsite.name }}</strong></a> ({{ faqcount }})
{% else %}
<a href="{{ path('notaris_frontend_faq') }}" title="{{ 'faq_vragenover' | trans }} {{ subsite.name }}">{{ 'faq_vragenover' | trans }} <strong>{{ subsite.name }}</strong></a> ({{ faqcount }})
{% endif %}
</div>
</div>
<section id="info">
<div id="info-content" class="niveau1">
<article class="u-padding-bottom-cstm">
{# <h3><span>{{ faqindex }}</span> <strong>{{ faq.title }}</strong></h3> @TODO IONEL: SEO h1 #}
<span class="u-margin-right-tiny u-display--inline s-cstm-settsp">{{ faqindex }}</span>
<h1 class="u-margin-top-none u-display--inline s-cstm-setth1">{{ faq.title }}</h1>
</article>
{% set showCaption = '' %}
{% if faq.asset and (faq.asset.assetImages | length > 0) %}
{% for image in faq.asset.assetImages %}
<img src="/uploads/{{ image.image.locale }}{{ image.image.filename }}" title="{{ image.image.caption }}" alt="{{ image.image.alt }}" style="margin-top: 20px;" />
{% if image.image.caption %}
{% set showCaption = image.image.caption %}
{% endif %}
{% endfor %}
{% endif %}
<article>
{% if showCaption != '' %}
<p style="color: #979797">{{ showCaption }}</p>
{% endif %}
{% if faq.subtitle %}
<h2 class="faq-title"><strong>{{ faq.subtitle }}</strong></h2>
{% endif %}
{% if faq.answer %}
{#<h3>{{ faq.answer | raw }}</h3>#}
{{ faq.answer | replace({'<p>': '<h3 class="faq-title">', '</p>': '</h3>'}) | raw}}
{% endif %}
</article>
{% if faq.asset and (faq.asset.assetLinks | length > 0 or faq.asset.assetAttachments | length > 0) %}
<article>
<ul>
{% for link in faq.asset.assetLinks %}
<li><a href="{{ link.link.url }}" title="{{ link.link.title }}" {% if link.link.newWindow %}target="_blank"{% endif %}>{{ link.link.title }}</a></li>
{% endfor %}
{% for attachment in faq.asset.assetAttachments %}
{% set fileType = attachment.attachment.filename | split('.') %}
{% set fileType = fileType | last | upper %}
{% set title = attachment.attachment.title %}
{% if title == '' %}
{% set title = attachment.attachment.originalFilename %}
{% endif %}
{% set foo = attachment.attachment.filename|split('/', 2) %}
{% if foo | length >= 1 %}{% set filename = foo[1] %}{% endif %}
{% if filename is defined %}
<li><a href="/download/{{ filename | url_encode }}" title="{{ title }}">{{ title }} ({{ fileType }} / {{ attachment.attachment.byte | bfos_format_bytes | replace({'.':','}) }})</a></li>
{% endif %}
{% endfor %}
</ul>
</article>
{% endif %}
{% if faq.tags | length > 0 %}
<div class="c-tags u-padding-small js-tags">
{% for tag in faq.tags %}
<a data-slug="{{ tag.slug }}" data-tag-clicked="{{ path('notaris_frontend_tag_clicked') }}" href="{{ path('notaris_frontend_tag', {'tagSlug': tag.slug}) }}" title="{{ tag.name }}" class="c-tags__item"><small>{{ tag.name }}</small></a>
{% endfor %}
</div>
{% endif %}
<article class="no-border">
<div class="prevnext-pages prevnext-pages">
<a href="{{ backlink }}">{{ 'terugnaarlijst' | trans }}</a>
</div>
</article>
</div>
{# dynamische cms modules #}
{{ include('@NotarisFrontend/module/mod_cms.html.twig', {'rightmodules': rightmodules }) }}
</section>
</div>
{#<aside id="content-right">
{% if notaryId is defined %}
{{ include('@NotarisFrontend/Sven/_sven_address.html.twig') }}
{% else %}
{{ include('@NotarisFrontend/Module/notsearch_module.html.twig') }}
{% endif %}
{{ include('@NotarisFrontend/Module/Side/brochure.html.twig', {'hideDesktop': false, 'subsite': subsite.slug}) }}
{{ include('@NotarisFrontend/Module/mod_cms.html.twig', {'rightmodules': rightmodules }) }}
</aside>#}
{% include '@NotarisFrontend/navigation/mobilesubnav.html.twig' with {'websiteSlug': subsite.slug, 'isSven':false, 'isHome':false, 'subsite': subsite} %}
</section>
{% endblock %}
{% block extrajs %}
<script type="application/ld+json">
{
"@type": "Question",
"name": "{{ faq.title }}",
"acceptedAnswer": {
"@type": "Answer",
"text": "{{ cleanDescription | raw }}"
}
}
</script>
{% endblock %}