templates/frontend/article/contact-pl.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'store' %}
  3. {% block content %}
  4.     <!-- START OF CATEGORY NAME SECTION -->
  6.     {% block stylesheets %}
  7.         <style>
  8.             @media (max-width: 767px) {
  9.                 .hideMobile {
  10.                     display: none;
  11.                 }
  12.                 .form-spacer {
  13.                     margin-top:60px;
  14.                 }
  15.             }
  16.             .new-box-cover {
  17.                 margin-top:10px;
  18.             }
  19.             @media (min-width: 767px) {
  20.                 .center-desktop {
  21.                     text-align: center!important;
  22.                 }
  23.                 .border-right {
  24.                     border-right: 1px solid black;
  25.                 }
  26.                 .new-box-cover {
  27.                     width: 80%!important;
  28.                 }
  29.                 .custom-margin {
  30.                     margin-left:15%;
  31.                 }
  32.                 .move-top-desktop {
  33.                     margin-top: 60px!important;
  34.                     width:95% !important;
  35.                 }
  36.                 .new-box-cover-iframe {
  37.                     width:85%!important;
  38.                 }
  39.             }
  40.         </style>
  41.     {% endblock %}
  43.     <section class="section" style="padding:5px!important;">
  44.         <div class="container">
  45.             {% include '/frontend/components/notification.html.twig' %}
  46.         </div>
  47.     </section>
  49.     <section class="section">
  50.         <div class="container">
  51.             <div class="columns is-centered">
  52.                 <div class="column">
  53.                     <div id="contact_us" class="title has-text-weight-bold has-text-centered is-2 margin-bot-30">
  54.                         {{ 'Skontaktuj się z nami'|trans|raw }}
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </section>
  61.     <section class="section newsletter" style="background: #F2F6F7;">
  62.         <div class="container">
  63.             <div class="columns is-centered">
  64.                 <div class="column is-half-desktop is-full-mobile border-right center-desktop" style="padding-top: 35px;">
  65.                     <div style="display: inline-flex; ">
  66.                         <div style="margin-top:22px;">
  67.                             <i class="fas fa-phone" style="font-size: 25px;"></i>
  68.                         </div>
  69.                         <div style="text-align: left; margin-top: -5px; margin-left: 20px;">
  70.                             <strong style="font-size:18px;">Infolinia</strong>
  71.                             <br/>
  72.                             <span class="is-red" style="font-weight: 500">
  73.                                 801 000 863 <br/>
  74.                                 22 781 48 38
  75.                             </span>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.                 <div class="column is-half-desktop is-full-mobile center-desktop">
  80.                     <div style="display: inline-flex; ">
  81.                         <div style="margin-top:43px;">
  82.                             <i class="fas fa-envelope" style="font-size: 25px;"></i>
  83.                         </div>
  84.                         <div style="text-align: left; margin-top: -2px; margin-left: 20px;">
  85.                             <strong style="font-size:18px;">Biuro</strong>
  86.                             <br/>
  87.                             <span class="is-red" style="font-weight: 500">
  88.                                 <a class="is-red" href="mailto:biuro@centrumkrzesel.pl">biuro@centrumkrzesel.pl</a>
  89.                             </span>
  90.                             <br/>
  91.                             <div style="margin-top:10px;">
  92.                                 <strong style="font-size:18px;">Dział reklamacji</strong>
  93.                                 <br/>
  94.                                 <span class="is-red" style="font-weight: 500">
  95.                                     <a class="is-red" href="mailto:reklamacje@centrumkrzesel.pl">reklamacje@centrumkrzesel.pl</a>
  96.                                 </span>
  97.                             </div>
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </section>
  105.     <!-- START OF INFOGRAPHIC SECTION -->
  106.     <section class="section">
  107.         <div class="container">
  108.             <div id="contact_notif_callcenter" class="columns is-centered">
  109.                 <div class="column is-half">
  111.                     <!-- START OF GREEN NOTIFICATION -->
  112.                     <div class="notification green-notification" style="display: block!important;text-align: center">
  113.                             <span class="icon">
  114.                                 <i class="fas fa-info-circle"></i>
  115.                             </span>
  116.                         <span class="has-text-weight-bold">
  117.                                 {{ 'helpline_available_from_to'|trans }}: {{ helplineHours.name }}
  118.                             </span>
  119.                     </div>
  120.                     <!-- END OF GREEN NOTIFICATION -->
  122.                 </div>
  123.             </div>
  125.             <!-- START OF CONTACT ICONS  -->
  126.             <div class="columns kontakt-ikony is-multiline is-centered hideMobile" style="margin-bottom:0px!important;">
  128.                 <div class="column is-one-fifth is-half-mobile has-text-centered">
  129.                     <figure class="image">
  130.                         <img src="images/maj_2019/icon_ok.svg" alt="">
  131.                     </figure>
  132.                     <p class="title has-text-weight-semibold is-6">{{ 'contact_confirm_textile_colors'|trans }}</p>
  133.                 </div>
  135.                 <div class="column is-one-fifth is-half-mobile has-text-centered">
  136.                     <figure class="image">
  137.                         <img src="images/maj_2019/icon_ok.svg" alt="">
  138.                     </figure>
  139.                     <p class="title has-text-weight-semibold is-6">{{ 'contact_order_phone_available'|trans }}</p>
  140.                 </div>
  142.                 <div class="column is-one-fifth is-half-mobile has-text-centered">
  143.                     <figure class="image">
  144.                         <img src="images/maj_2019/icon_ok.svg" alt="">
  145.                     </figure>
  146.                     <p class="title has-text-weight-semibold is-6">{{ 'contact_date_hour_arrival'|trans }}</p>
  147.                 </div>
  149.                 <div class="column is-one-fifth is-half-mobile has-text-centered">
  150.                     <figure class="image">
  151.                         <img src="images/maj_2019/icon_ok.svg" alt="">
  152.                     </figure>
  153.                     <p class="title has-text-weight-semibold is-6">{{ 'contact_price_negotation_available'|trans }}</p>
  154.                 </div>
  156.             </div>
  157.             <!-- END OF CONTACT ICONS  -->
  159.             {#
  160.             {% if app.request.locale == 'pl' %}
  161.                 <div class="columns is-centered">
  162.                     <div class="column text-center">
  163.                         <p class="has-text-centered">
  164.                             <strong>Zmieniamy się dla Was!</strong> <br/>
  165.                             Przepraszamy za chwilowe niedogodności związane z pracami remontowymi. <br/>
  166.                             Ekspozycja jest cały czas dla Państwa otwarta, a nasza Obsługa nieustannie dba o jak najlepsze doradztwo w wyborze odpowiednich krzeseł i mebli. <br/>
  167.                         </p>
  168.                     </div>
  169.                 </div>
  170.             {% endif %}
  171.             #}
  173.             <section class="section">
  174.                 <div class="container">
  175.                     <div class="columns is-centered">
  176.                         <div class="column">
  177.                             <div id="contact_us" class="title has-text-weight-bold has-text-centered is-2 margin-bot-30">
  178.                                 {{ 'Odwiedź nasz showroom'|trans|raw }}
  179.                             </div>
  180.                         </div>
  181.                     </div>
  182.                 </div>
  183.             </section>
  186.             <section class="section newsletter" style="background: white!important;">
  187.                 <div class="container">
  188.                     <div class="columns is-centered">
  189.                         <div class="column is-half-desktop is-full-mobile border-right" style="text-align: center;">
  190.                             <div style="display: inline-flex; ">
  191.                                 <div style="text-align: left; margin-top: -5px; margin-left: 20px;">
  192.                                     <div style="font-size:22px; font-weight: bold; margin-bottom: -5px;">Warszawa</div>
  193.                                     <br/>
  194.                                     <div class="">ul. Ostródzka 53</div>
  195.                                     <div class="">03-289 Warszawa</div>
  196.                                     <div class="">Budynek Spectra</div>
  197.                                     <div style="margin-top:5px;">
  198.                                     <em style="font-size:14px;">Wiele nawigacji prowadzi lepiej po wpisaniu nr 57</em>
  199.                                     </div>
  201.                                     <div class="box cover new-box-cover">
  202.                                         <figure class="image">
  203.                                             <img src="/images/warszawa-showroom.jpg" height="100%" width="100%" class="image">
  204.                                         </figure>
  205.                                     </div>
  207.                                     <div style="font-size:22px; font-weight: bold; margin-bottom: 5px;">Godziny otwarcia</div>
  209.                                     <div class="columns is-mobile">
  210.                                         {% if workingHoursTable|length %}
  211.                                             <div class="column is-half">
  212.                                                 {% for day in workingHoursTable %}
  213.                                                     <div>{{ day.day }}</div>
  214.                                                 {% endfor %}
  215.                                             </div>
  216.                                             <div class="column is-half">
  217.                                                 {% for day in workingHoursTable %}
  218.                                                     <div>{{ day.name }}</div>
  219.                                                 {% endfor %}
  220.                                             </div>
  221.                                         {% endif %}
  222.                                     </div>
  224.                                     <div>
  225.                                         <iframe class="new-box-cover-iframe" id="contact_map" src=https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2439.59628658835!2d21.0513312!3d52.3051816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ecec59d7a48ad%3A0x61ca6fce95035d9e!2sCentrumKrzesel.pl!5e0!3m2!1spl!2spl!4v1706514535087!5m2!1spl!2spl width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  226.                                     </div>
  227.                                 </div>
  228.                             </div>
  229.                         </div>
  230.                         <div class="column is-half-desktop is-full-mobile" style="text-align: center">
  232.                             {#  ŁÓDDZ #}
  234.                             <div style="display: inline-flex;" class="custom-margin">
  235.                                 <div style="text-align: left; margin-top: -5px; margin-left: 20px;">
  236.                                     <div style="font-size:22px; font-weight: bold; margin-bottom: -5px;">Brzeziny (k. Łodzi)</div>
  237.                                     <br/>
  238.                                     <div class="">ul. Południowa 12/14</div>
  239.                                     <div class="">95-060 Brzeziny</div>
  241.                                     <div class="box cover move-top-desktop">
  242.                                         <figure class="image">
  243.                                             <img src="/images/brzeziny-showroom.jpg" height="100%" width="100%" class="image">
  244.                                         </figure>
  245.                                     </div>
  247.                                     <div style="font-size:22px; font-weight: bold; margin-bottom: 5px; margin-top:25px;">Godziny otwarcia</div>
  249.                                     <div class="columns is-mobile">
  250.                                         {% if workingHoursTableBrzeziny|length %}
  251.                                             <div class="column is-half">
  252.                                                 {% for day in workingHoursTableBrzeziny %}
  253.                                                     <div>{{ day.day }}</div>
  254.                                                 {% endfor %}
  255.                                             </div>
  256.                                             <div class="column is-half">
  257.                                                 {% for day in workingHoursTableBrzeziny %}
  258.                                                     <div>{{ day.name }}</div>
  259.                                                 {% endfor %}
  260.                                             </div>
  261.                                         {% endif %}
  262.                                     </div>
  264.                                     <div>
  265.                                         <iframe class="" id="contact_map" src=https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2467.9019548603474!2d19.748741687936814!3d51.78967811754515!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471bd31d2088aa99%3A0x90a8a5d043e0a7e1!2zQ2VudHJ1bUtyemVzZWwucGwgKMWBw7NkxbosIEJyemV6aW55KQ!5e0!3m2!1spl!2spl!4v1706514621057!5m2!1spl!2spl width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  266.                                     </div>
  267.                                 </div>
  268.                             </div>
  270.                         </div>
  271.                     </div>
  272.                 </div>
  273.             </section>
  274.         </div>
  275.     </section>
  276.     <!-- END OF INFOGRAPHIC SECTION -->
  278.     <section id="contact_form" class="section newsletter" style="background: #F2F6F7;">
  279.         <div class="container">
  280.             <div class="column is-full is-centered">
  282.                 <div class="title has-text-weight-bold has-text-centered is-2 margin-bot-30">
  283.                     {{ 'Masz pytanie?'|trans }}
  284.                     {{ 'contact_us'|trans }}
  285.                 </div>
  288.                 <form action="{{ path('contact') }}" method="POST" class="form-spacer">
  289.                     <!-- @csrf -->
  291.                     <div class="field">
  292.                         <p class="control is-expanded">
  293.                             <span class="select is-fullwidth is-medium">
  294.                                 <select name="contact[topic]">
  295.                                     <option value="not_set" selected>{{ 'contact_choose_topic'|trans }}</option>
  296.                                     <option value="contact_product_question">{{ 'contact_product_question'|trans }}</option>
  297.                                     <option value="contact_delivery_question">{{ 'contact_delivery_question'|trans }}</option>
  298.                                 </select>
  299.                             </span>
  300.                         </p>
  301.                     </div>
  303.                     <div class="field">
  304.                         <div class="control">
  305.                             <input type="text" class="input is-medium" name="contact[name]" placeholder="{{ 'contact_your_name'|trans }}">
  306.                         </div>
  307.                     </div>
  309.                     <div class="field" style="width: 40%;">
  310.                         <div class="control">
  311.                             <input type="text" class="input is-medium" name="contact[phone]" placeholder="{{ 'contact_your_phone'|trans }}">
  312.                         </div>
  313.                     </div>
  315.                     <div class="field" style="width: 40%;">
  316.                         <div class="control">
  317.                             <input type="text" class="input is-medium" name="contact[email]" placeholder="{{ 'contact_your_email'|trans }}">
  318.                         </div>
  319.                     </div>
  321.                     <div class="field">
  322.                         <div class="control">
  323.                             <textarea class="textarea is-medium" name="contact[content]" placeholder="{{ 'contact_query_content'|trans }}" rows="8">{% if contactData.content is defined %}{{ contactData.content }}{% endif %}</textarea>
  324.                         </div>
  325.                     </div>
  327.                     <div class="field">
  328.                         <div class="control is-expanded">
  329.                             <button type="submit" class="button is-danger is-fullwidth has-text-weight-semibold is-6 is-medium">{{ 'contact_send_message_button_label'|trans }}</button>
  330.                         </div>
  331.                     </div>
  333.                 </form>
  334.                 </div>
  335.                 <div class="columns is-centered">
  336.                     <div class="column is-two-fifths">
  337.                         <div class="is-italic has-text-weight-light is-7" style="font-size: 0.8rem;">
  338.                             {% if app.request.locale == 'sk' %}
  339.                                 {{ 'contact_your_data_are_secure'|trans }} <a href="/art/13/obchodne-podmienky" class="is-red">{{ 'how_we_keep_data'|trans }}</a>
  340.                             {% endif %}
  342.                             {% if app.request.locale == 'cz' %}
  343.                                 {{ 'contact_your_data_are_secure'|trans }} <a href="/art/4/obchodni-podminky" class="is-red">{{ 'how_we_keep_data'|trans }}</a>
  344.                             {% endif %}
  345.                             {% if app.request.locale == 'pl' %}
  346.                                 {{ 'contact_your_data_are_secure'|trans }} <a href="{{ path('single_article', {'id':1, 'slug':'regulamin'}) }}" class="is-red">{{ 'how_we_keep_data'|trans }}</a>
  347.                             {% endif %}
  348.                         </div>
  349.                     </div>
  350.                 </div>
  351.         </div>
  352.     </section>
  354.     <!-- END OF CATEGORY NAME SECTION -->
  355. {% endblock %}