{% extends 'base.html.twig' %}
{%- block title -%}
{%- autoescape false -%}
Journées portes ouvertes - {{ jpo.date | format_date(pattern='d/M/Y') -}}
{%- if jpo.etablissement -%}
- {{ jpo.etablissement.denomination | u.truncate(40, '...', false) }}
{%- if jpo.etablissement.ville and not jpo.etablissement.ville.empty -%}
- {{ jpo.etablissement.ville|lieuLibelle }}
{%- endif -%}
{%- else -%}
- enseignement-prive.info
{%- endif -%}
{%- endautoescape -%}
{%- endblock -%}
{% block description -%}
{%- autoescape false -%}
Journées portes ouvertes - {{ jpo.date | format_date(pattern='d MMMM Y') -}}
{%- if jpo.etablissement -%}
- {{ jpo.etablissement.denomination }}
{%- if jpo.etablissement.ville and not jpo.etablissement.ville.empty -%}
- {{ jpo.etablissement.ville|lieuLibelle }}
{%- endif -%}
{%- else -%}
- enseignement-prive.info
{%- endif -%}
{%- endautoescape -%}
{%- endblock %}
{% block body %}
{% set imgAlt = [
jpo.etablissement.codePostal,
(jpo.etablissement.ville ? jpo.etablissement.ville.libelle : ''),
jpo.etablissement.denomination,
]|join(' - ')|trim(' -') %}
{% set urlFiche = pathBuilder.buildFiche(jpo.etablissement) %}
<section class="container page-jpo single">
<div id="breadcrumb">
{% include 'jpo/_includes/breadcrumb.html.twig' with {
'jpo' : jpo,
'currentURL' : currentURL,
}
only %}
</div>
<div class="title">
<h1>Journées portes ouvertes</h1>
<div class="triangle-defaut"></div>
</div>
{# ----- Contexte recherche --------------------------------------------- #}
<div class="recherche-contexte" role="group">
<a href="{{ path('jpo-liste') }}" class="liste ">
Retour à la liste
</a>
</div>
<section>
<article>
<div class="illustration">
{% set imgSrc = vich_uploader_asset(jpo, 'image1File') %}
{% if imgSrc and jpo.etablissement.isClient %}
<ul class="cycle internal">
<li style="background-image: url('{{ imgSrc }}');"></li>
</ul>
{% elseif jpo.etablissement.imagesDiaporama is not empty and jpo.etablissement.isClient %}
<ul class="cycle">
{% for item in jpo.etablissement.imagesDiaporama %}
<li style="background-image: url('{{ asset('images/jouve/photo/' ~ item) | imagine_filter('diapo_list') }}');"></li>
{% endfor %}
</ul>
{% else %}
<div class="no-diapo"><span class="no-logo"></span></div>
{% endif %}
<div class="col-12 d-flex flex-wrap p-0 mt-3">
{% if jpo.fileName is not null %}
<div class="block-document">
<h2>Documents</h2>
<div class="col-12 document-icon">
<a href="{{vich_uploader_asset(jpo, 'jpoFile')}}" download>{{ jpo.legende }}</a>
</div>
</div>
{% endif %}
</div>
</div>
<div class="content">
<figure>
{% if jpo.etablissement.logo is not empty %}
<img src="{{ vich_uploader_asset(jpo.etablissement.logo, 'logoFile') | imagine_filter('etab_fiche_logo') }}" alt="{{ imgAlt }}" title="{{ imgAlt }}">
{% set figure = vich_uploader_asset(jpo.etablissement.logo, 'logoFile') | imagine_filter('etab_fiche_logo') %}
{% else %}
<span class="no-logo"></span>
{% endif %}
</figure>
<span class="date">
{% for item in jpo.etablissement.jPOs %}
<span class="{{ (item.date == jpo.date) ? 'idem' : '' }}">{{ item.date | format_date(pattern='d MMMM Y') }}</span>
{% endfor %}
</span>
<p class="city">{{ jpo.lieu }}</p>
<p class="estab">{{ jpo.etablissement.denomination }}</p>
<p class="schedule">
Le {{ jpo.date | format_date(pattern='d MMMM Y') }}
{% if jpo.heureDebut is not empty %} de {{ jpo.heureDebut | date("H\\hi") }}{% endif %}
{% if jpo.heureFin is not empty %} à {{ jpo.heureFin | date("H\\hi") }}{% endif %}
</p>
<p>{{ jpo.contenu | raw }}</p>
{% if jpo.etablissement is defined and jpo.etablissement is not empty %}
<div class="links">
<a class="fiche-link" href="{{ urlFiche }}" data-trace-action="{{ constant('App\\Entity\\Trace::CLIC_FICHE_JPO') | e('html_attr') }}" data-trace-etab="{{ jpo.etablissement.id | e('html_attr') }}">Voir la fiche établissement</a>
{% include '_includes/lien-masque.html.twig' with {
'target': path('form-di',
{id : jpo.etablissement.id}
),
'content': 'Contacter l\'établissement',
} only %}
</div>
{% endif %}
</div>
</article>
</section>
</section>
{% endblock %}
{% block data_layer %}
<script>
window.dataLayer = window.dataLayer || [];
{% set etablissement = jpo.etablissement %}
{% set ville = etablissement.ville %}
{% set item = {
'item_id': jpo.id,
'item_name': 'JPO - ' ~ etablissement.denomination ~ ' - ' ~ (jpo.date | format_date(pattern='d MMMM Y')),
'item_category': 'journee_portes_ouvertes',
'item_category2': typeEtablissementSimple(etablissement.type),
'item_category3': jpo.date | date('Y-m'),
'item_category4': ville ? ville.slug | replace({'-': '_'}) : null,
'location_id': ville ? ville.departement.id ~ '-' ~ etablissement.codePostal ~ '-' ~ ville.libelle : null,
'jpo_date': jpo.date | date('Y-m-d'),
'etablissement_id': etablissement.id,
'etablissement_nom': etablissement.denomination,
'etablissement_segment': etablissement.isClient ? 'client' : 'prospect'
} %}
dataLayer.push({
event: "page_context",
page_type: "fiche_jpo",
fiche_type: "portes_ouvertes",
site_section: "portes_ouvertes",
jpo_id: {{ jpo.id|json_encode|raw }},
jpo_nom: {{ item.item_name|json_encode(constant('JSON_UNESCAPED_UNICODE'))|raw }},
jpo_date: {{ item.jpo_date|json_encode|raw }},
jpo_mois: {{ item.item_category3|json_encode|raw }},
education_niveau: {{ item.item_category2|json_encode|raw }},
region: {{ ville and ville.departement.region is defined ? ville.departement.region.slug|json_encode|raw : 'null' }},
departement: {{ ville ? ville.departement.id|json_encode|raw : 'null' }},
ville: {{ ville ? ville.libelle|json_encode(constant('JSON_UNESCAPED_UNICODE'))|raw : 'null' }},
code_postal: {{ etablissement.codePostal|json_encode|raw }},
etablissement_id: {{ etablissement.id|json_encode|raw }},
etablissement_nom: {{ etablissement.denomination|json_encode(constant('JSON_UNESCAPED_UNICODE'))|raw }},
etablissement_segment: {{ item.etablissement_segment|json_encode|raw }}
});
dataLayer.push({ ecommerce: null });
dataLayer.push({
event: "view_item",
ecommerce: {
items: [{{ item|json_encode(constant('JSON_UNESCAPED_UNICODE'))|raw }}]
}
});
console.log(dataLayer);
</script>
{% endblock %}