templates/default/concours.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  3. {#
  4. {% use AppBundle/Helper/Apik %}
  5. #}
  8. {% block content %}
  10.     {{ pimcore_areablock("myAreablock") }}
  11.     {{ pimcore_areablock('contentTop') }}
  13.     <!-- #main -->
  14.     <main id="main" role="main">
  16.         {% if editmode %}
  17.             <div class="editmode-img">
  18.                 <div class="uk-margin-xlarge-top">
  19.                     {{ pimcore_image("facebook-image") }}
  20.                     {{ pimcore_image("instagram-image") }}
  21.                 </div>
  23.                 {{ pimcore_image('reseaux-forme') }}
  24.                 </br>
  26.                 <div>Type de heading pour le titre ?</div>
  27.                 {{ pimcore_select("content-heading", {
  28.                     "store" : [
  29.                         ['span', 'span'],
  30.                         ['h1', 'Heading 1'],
  31.                         ['h2', 'Heading 2'],
  32.                         ['h3', 'Heading 3'],
  33.                         ['h4', 'Heading 4'],
  34.                         ['h5', 'Heading 5'],
  35.                         ['h6', 'Heading 6']
  36.                     ],
  37.                     "defaultValue" : "h2"
  38.                 }) }}
  39.                 <div><strong>Style</strong> du heading pour le titre ?</div>
  40.                 {{ pimcore_select("content-heading-style", {
  41.                     "store" : [
  42.                         ['h1', 'Heading 1'],
  43.                         ['h2', 'Heading 2'],
  44.                         ['h3', 'Heading 3'],
  45.                         ['h4', 'Heading 4'],
  46.                         ['h5', 'Heading 5'],
  47.                         ['h6', 'Heading 6']
  48.                     ],
  49.                     "defaultValue" : "h2"
  50.                 }) }}
  53.                 <h2 class="">{{ pimcore_textarea('content-title', {'nl2br' : true}) }}</h2>
  55.                 <div>Type de heading pour le sous-titre ?</div>
  56.                 {{ pimcore_select("subtitle-heading", {
  57.                     "store" : [
  58.                         ['span', 'span'],
  59.                         ['h1', 'Heading 1'],
  60.                         ['h2', 'Heading 2'],
  61.                         ['h3', 'Heading 3'],
  62.                         ['h4', 'Heading 4'],
  63.                         ['h5', 'Heading 5'],
  64.                         ['h6', 'Heading 6']
  65.                     ],
  66.                     "defaultValue" : "h2"
  67.                 }) }}
  68.                 <div><strong>Style</strong> du heading pour le sous-titre ?</div>
  69.                 {{ pimcore_select("subtitle-style", {
  70.                     "store" : [
  71.                         ['h1', 'Heading 1'],
  72.                         ['h2', 'Heading 2'],
  73.                         ['h3', 'Heading 3'],
  74.                         ['h4', 'Heading 4'],
  75.                         ['h5', 'Heading 5'],
  76.                         ['h6', 'Heading 6']
  77.                     ],
  78.                     "defaultValue" : "h2"
  79.                 }) }}
  80.                 <h2 class="">{{ pimcore_textarea('content-subtitle', {'nl2br' : true}) }}</h2>
  82.                 {{ pimcore_image("forme-image") }}
  83.                 <div>
  84.                     {{ pimcore_textarea("content") }}
  85.                     {{ pimcore_image("logo-image") }}
  86.                 </div>
  87.                 {{ pimcore_link("link-logo") }}
  88.                 {{ pimcore_image("logo-right") }}
  89.             </div>
  90.             {{ pimcore_image('background-image') }}
  92.         {% else %}
  93.             <div class="div-fond-concours" uk-height-match="target: changed">
  94.                  <div class="div-fond-concours-cropped uk-cover-container apk-height-match" >
  95.                     {{ pimcore_image('background-image').thumbnail('concours-thumb').html({'imgAttributes' : {'uk-cover' : null}})|raw }}
  96.                 </div>
  97.                 <div class="div-fond-blanc" uk-grid>
  98.                     <div class="uk-width-1-3@m apk-height-match">
  99.                         <div class="div-text-concours">
  101.                             <div class="polygone uk-visible@m">
  102.                                 {{ pimcore_image('reseaux-forme') }}
  104.                                 <div class="reseaux uk-flex">
  105.                                     {% if document.property('facebookUrl') %}
  106.                                         <a href="{{ document.property('facebookUrl') }}" target="_blank"><img
  107.                                                     src="{{ pimcore_image('facebook-image').thumbnail('reseaux') }}"></a>
  108.                                     {% endif %}
  109.                                     {% if document.property('instagramUrl') %}
  110.                                         <a href="{{ document.property('instagramUrl') }}" target="_blank"><img
  111.                                                     src="{{ pimcore_image('instagram-image').thumbnail('reseaux') }}"></a>
  112.                                     {% endif %}
  113.                                 </div>
  114.                             </div>
  116.                             <div class="uk-margin-xlarge-top">
  117.                                 {% if not pimcore_textarea("content-title").isEmpty %}
  118.                                 {% if pimcore_select("content-heading").data == "span" %}
  120.                                 <span class="uk-{{ pimcore_select("content-heading-style").getData() }}">{{ pimcore_textarea('content-title', {'nl2br' : true}) }}</span>
  122.                                 {% else %}
  123.                                 {% set content_heading = pimcore_select("content-heading").getData() %}
  124.                                 <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}
  125.                                 ">
  126.                                 {{ pimcore_textarea("content-title", {
  127.                                     "nl2br" : true})|raw }}
  128.                             </{{ content_heading }}>
  129.                             {% endif %}
  130.                             {% endif %}
  131.                         </div>
  133.                         <p class="content-textarea-concours">{{ pimcore_textarea("content") }}</p>
  135.                         <div class="forme-concours">{{ pimcore_image("forme-image") }}</div>
  136.                     </div>
  137.                 </div>
  138.                 
  139.                 <div class="uk-width-1-3@m div-form">
  140.                     <div>
  141.                         <div class="uk-text-center">
  142.                             {{ pimcore_image("logo-image", {"thumbnail": "logo-concours-thumb"}) }}
  143.                         </div>
  145.                         {% if not pimcore_textarea("content-subtitle").isEmpty %}
  146.                         {% if pimcore_select("subtitle-heading").data == "span" %}
  148.                             <span class="uk-{{ pimcore_select("subtitle-style").getData() }}">{{ pimcore_textarea('content-subtitle', {'nl2br' : true}) }}</span>
  150.                             {% else %}
  151.                                 {% set content_heading = pimcore_select("subtitle-heading").getData() %}
  152.                                 <{{ content_heading }} class="uk-{{ pimcore_select("subtitle-style").getData() }}">
  153.                                     {{ pimcore_textarea("content-subtitle", {"nl2br" : true})|raw }}
  154.                                 </{{ content_heading }}>
  155.                             {% endif %}
  156.                         {% endif %}
  159.                         {% if formStatus == 'robot' %}
  160.                             <div class="uk-alert-warning" uk-alert>
  161.                                 <p>{{ "Une erreur recaptcha est survenue, merci de réessayer."|trans }}</p>
  162.                             </div>
  163.                         {% elseif formStatus == 'invalid' %}
  164.                             <div class="uk-alert-warning" uk-alert>
  165.                                 <p>{{ "Vous n'avez pas remplis tout les champs, merci de réessayer."|trans }}</p>
  166.                             </div>
  167.                         {% elseif formStatus == 'alreadyPlayed' %}
  168.                             <div class="uk-alert-warning" uk-alert>
  169.                                 <p>{{ "Vous avez déjà participé à ce concours"|trans }}</p>
  170.                             </div>
  171.                         {% elseif formStatus == 'not-filled' %}
  172.                             <div class="uk-alert-warning" uk-alert>
  173.                                 <p>{{ "Veuillez remplir tout les champs"|trans }}</p>
  174.                             </div>
  175.                         {% endif %}
  177.                         {% if formStatus != 'success' %}
  179.                             {{ form_start(form,{'attr': {'id': 'contact-form', 'enctype' : 'multipart/form-data'}}) }}
  181.                             <div class="uk-grid-small form-concours-grid" uk-grid>
  182.                                 <div class="uk-width-1-1">
  183.                                     <label class="uk-form-label required apk-label-is-linked-to-field"
  184.                                            for="form-stacked-text"> {{ form_label(form.choixmultiple) }} </label>
  185.                                     {{ form_widget(form.choixmultiple) }}
  186.                                 </div>
  187.                                 <div class="uk-width-1-1">
  188.                                     <label class="uk-form-label"
  189.                                            for="form-stacked-text"> {{ form_label(form.message) }} </label>
  190.                                     {{ form_widget(form.message) }}
  191.                                 </div>
  192.                                 <div class="uk-width-1-2">
  193.                                     <label class="uk-form-label"
  194.                                            for="form-stacked-text"> {{ form_label(form.lastname) }} </label>
  195.                                     {{ form_widget(form.lastname) }}
  196.                                 </div>
  197.                                 <div class="uk-width-1-2">
  198.                                     <label class="uk-form-label"
  199.                                            for="form-stacked-text"> {{ form_label(form.firstname) }} </label>
  200.                                     {{ form_widget(form.firstname) }}
  201.                                 </div>
  202.                                 <div class="uk-width-1-1">
  203.                                     <label class="uk-form-label" for="form-stacked-text"> {{ form_label(form.email) }} </label>
  204.                                     {{ form_widget(form.email) }}
  205.                                 </div>
  206.                                 <div class="uk-width-1-1">
  207.                                     <label class="uk-form-label" for="form-stacked-text"> {{ form_label(form.preuvePaiement) }} </label>
  208.                                     {{ form_widget(form.preuvePaiement) }}
  209.                                 </div>
  210.                                 <div>
  211.                                     {{ form_widget(form.gdpr) }}
  212.                                     <label for="contact_form_gdpr" id="accept-condition" class="uk-padding-remove">
  213.                                         {{ "J’accepte la politique de confidentialité, le traitement de mes données par Magnecaps"|trans }}
  214.                                     </label>
  215.                                 </div>
  216.                                 <div class="uk-margin-small-top uk-margin-small-bottom">
  217.                                     {{ form_widget(form.reglement) }}
  218.                                     <label for="contact_form_reglement" id="accept-reglement" class="uk-padding-remove">
  219.                                         {{ "J’accepte le règlement de ce concours"|trans }}
  220.                                         <a href="#modal-reglement" uk-toggle>
  221.                                             <img uk-svg width="20" height="20" src="/static/img/pictos/information.svg" alt="reglement">
  222.                                         </a>
  223.                                     </label>
  224.                                 </div>
  225.                                 <div class="div-submit">
  226.                                     {{ form_widget(form.recaptcha) }}
  227.                                     {{ form_widget(form.submit) }}
  228.                                 </div>
  229.                             </div>
  231.                             {{ form_end(form) }}
  233.                         {% endif %}
  234.                     </div>
  235.                 </div>
  236.                 <div class="uk-width-1-3@m">
  237.                     {{ get_language_switcher_html(document, 'dropdown', 'code')|raw }}
  239.                     <div class="logo-right">
  240.                         <a href="{{ pimcore_link("link-logo").href }}" target="_blank"><img
  241.                                     src="{{ pimcore_image('logo-right').thumbnail('') }}"></a>
  242.                     </div>
  243.                 </div>
  244.             {% endif %}
  245.                 {% if editmode %}
  246.                     <div class="uk-alert uk-alert-primary" uk-alert>
  247.                         <h2 class="uk-h2">Modal du réglement du concours</h2>
  248.                         {{ pimcore_wysiwyg('reglement') }}
  249.                     </div>
  250.                 {% else %}
  252.                     <div id="modal-reglement" class="uk-flex-top" uk-modal>
  253.                         <div class="uk-modal-dialog uk-margin-auto-vertical">
  254.                             <button class="uk-modal-close-full uk-close-large" type="button" uk-close></button>
  255.                             <div class="uk-modal-body" uk-overflow-auto>
  256.                                 {{ pimcore_wysiwyg('reglement') }}
  257.                             </div>
  258.                             <div class="uk-modal-footer uk-text-right">
  259.                                 <button class="uk-button uk-button-default uk-modal-close" type="button">{{ "Fermer"|trans }}</button>
  260.                             </div>
  261.                         </div>
  262.                     </div>
  263.                 {% endif %}
  264.             
  265.         <div class="area-concours">{{ pimcore_areablock('contentBottom') }}</div>
  266.     </main><!-- end #main -->
  268.     {% do pimcore_head_link().appendStylesheet(asset('/static/framework/dropify/css/dropify.min.css')) %}
  269.     {% do pimcore_head_script().appendFile(asset('/static/framework/heic2any/heic2any.js')) %}
  270.     {% do pimcore_head_script().appendFile(asset('/static/framework/dropify/js/dropify.js')) %}
  272. {% endblock %}
  274. {% block inlinescripts %}
  276.   {% set recaptchaKeyPublic = pimcore_website_config('recaptchaKeyPublic') %}
  278.   <script src="https://www.google.com/recaptcha/api.js?onload=onloadRecaptchaCallback&render={{ recaptchaKeyPublic }}"></script>
  280.   <script>
  281.       function onloadRecaptchaCallback(){
  282.         grecaptcha.ready(function() {
  283.           grecaptcha.execute('{{ recaptchaKeyPublic }}', {action: 'contact'}).then(function(token) {
  284.             //alert('recaptcha is loaded');
  285.             var recaptcha = document.getElementById('contact_form_recaptcha');
  286.             recaptcha.value = token;
  287.           });
  288.         });
  289.       }
  290.   </script>
  292. {% endblock inlinescripts %}