{% extends '::base.html.twig' %}

{% block metakeywords %}{{product.metakeywords}}{% endblock %}

{% block metadescription %}
{% if app.request.locale == 'ru' %} {{product.title}}: фото, описание технических характеристик. Заказ онлайн. {{product.title}} - доставка в любой город Украины, звоните: (0342) 775 122, (044) 277 94 75, (0562) 350 700{% endif %}
{% if app.request.locale == 'uk' %} {{product.title}}: фото, опис технічних характеристик. Замовлення онлайн. {{product.title}} - доставка в будь-яке місто України, телефонуйте: (0342) 775 122, (044) 277 94 75, (0562) 350 700 {% endif %}
{% endblock %}

{% block title %}{% trans %}Діамеб Трейд{% endtrans %} | {{product.title}}{% endblock %}


{% block body %}

 <div class='main-page topPadding test31'>
        <div class='catalog-categories-links'>
          <div class='container'>
            <a class='link-back' href='{{ path('product', {'id': product.categoryId }) }}'>{% trans %}повернутись до Каталогу{% endtrans %}</a>
          </div>
        </div>
        <div class='equipment-open'>
          <div class='container'>
            <div class='main-features'>
              <div class='image-block'>
                <img alt='{{product.title}}' src='{{('/uploads/product/' ~ product.photo )| imagine_filter('product_show')}}'>
              </div>
              <div class='desc-block'>
                <h1>{{product.title}}</h1>
                <p></p>
                <div class="form_order">
                
            <div id="preorder_block" class="preorder--overlay hidden">
              <div>
              <div class="preorder--wrapper" onClick="preorder_hide()">
              </div>
                <div class="preorder--container">
                  <span class="close-btn" onClick="preorder_hide()">×</span>
                    <div class="preorder--form">
                    {% if app.request.locale == 'uk' %}
                     <div style="text-align:justify;padding-bottom:1em;font-size:12px;font-weight:600;width:98%">Для консультації, уточнення деталей або замовлення "{{product.title}}" заповніть, будь ласка, форму. Наш менеджер зв'яжеться з Вами і запропонує оптимальні умови!
                     Якщо заявка відправлена у вихідний або святковий день, то буде оброблена в найближчий робочий.</div>
                     <form action="/uk/predzakaz.php" method="POST" class="predzakaz_form">
                          <div><label for="f_name">Ваше ім'я<span class="required">*</span>:</label><input type="text" name="f_name" required="required"/></div>
                          <div><label for="f_phone">Контактний телефон<span class="required">*</span>:</label><input name="f_phone" type="text" required="required"/></div>
                          <div><label for="f_mail">Адреса Вашої електронної скриньки:</label><input type="text" name="f_mail" /></div>
                          <div><label for="f_city">Місто<span class="required">*</span>:</label><input type="text" name="f_city" required="required" /></div>
                          <div><label for="comment">Коментар:</label>
                              <textarea class="predzakaz_comm" name="comment"></textarea>
                          </div>
                          <div class="text_req">*обов'язкові для заповнення поля</div>
                          <input type="hidden" value="{{product.title}}" name="product_name"/>
                          <input type="hidden" value="send_mail" name="predzakaz_action"/>
                          <div class="predzakaz_submit_div"><input type="submit" value="Відправити" class="predzakaz_submit"/ onclick="ga('send','event','VIDPRAVKA_UA', 'Click')"></div>
                    {% endif %}
                    {% if app.request.locale == 'en' %}
                    <div style="text-align:justify;padding-bottom:1em;font-size:12px;font-weight:600;width:98%">For consults, more details and ordering "{{product.title}}", please, fill out the form. Our manager will contact you and offer you the best conditions! If the application is sent on holidays, it will be processed on the next business day.</div>
                    <form action="/ru/predzakaz.php" method="POST" class="predzakaz_form">
                        <div><label for="f_name">Your name:<span class="required">*</span>:</label><input type="text" name="f_name" required="required"/></div>
                        <div><label for="f_phone">Contact phone:<span class="required">*</span>:</label><input name="f_phone" type="text" required="required"/></div>
                        <div><label for="f_mail">Email:</label><input type="text" name="f_mail" /></div>
                        <div><label for="f_city">City:<span class="required">*</span>:</label><input type="text" name="f_city" required="required"/></div>
                        <div><label for="comment">Comment:</label>
                            <textarea class="predzakaz_comm" name="comment"></textarea>
                        </div>
                        <div class="text_req">*required fields</div>
                        <input type="hidden" value="{{product.title}}" name="product_name"/>
                        <input type="hidden" value="send_mail" name="predzakaz_action"/>
                        <div class="predzakaz_submit_div"><input type="submit" value="Submit" class="predzakaz_submit"/ onclick="ga('send','event','VIDPRAVKA_RU', 'Click')"></div>
                    </form>                    
                    {% endif %}
                    {% if app.request.locale == 'ru' %}
                    <div style="text-align:justify;padding-bottom:1em;font-size:12px;font-weight:600;width:98%">Для консультации, уточнения деталей или заказа "{{product.title}}" заполните, пожалуйста, форму. Наш менеджер свяжется с Вами и предложит оптимальные условия! Если заявка отправлена в выходной или праздничный день, то будет обработана в ближайший рабочий.</div>
                    <form action="/ru/predzakaz.php" method="POST" class="predzakaz_form">
                        <div><label for="f_name">Ваше имя:<span class="required">*</span>:</label><input type="text" name="f_name" required="required"/></div>
                        <div><label for="f_phone">Контактный телефон:<span class="required">*</span>:</label><input name="f_phone" type="text" required="required"/></div>
                        <div><label for="f_mail">Адрес Вашей электронной почты:</label><input type="text" name="f_mail" /></div>
                        <div><label for="f_city">Город:<span class="required">*</span>:</label><input type="text" name="f_city" required="required"/></div>
                        <div><label for="comment">Комментарий:</label>
                            <textarea class="predzakaz_comm" name="comment"></textarea>
                        </div>
                        <div class="text_req">*обязательные для заполнения поля</div>
                        <input type="hidden" value="{{product.title}}" name="product_name"/>
                        <input type="hidden" value="send_mail" name="predzakaz_action"/>
                        <div class="predzakaz_submit_div"><input type="submit" value="Отправить" class="predzakaz_submit"/ onclick="ga('send','event','VIDPRAVKA_RU', 'Click')"></div>
                    </form>
                    {% endif %}
                      </form>
                  </div>
              </div>
            </div>
            </div>                
                
                {% if app.request.locale == 'uk' %}
                <input type="submit" class="predzakaz" value="Замовити" onclick="preorder()"/>
                <p class="predzakaz_desc">
                Якщо Вас зацікавило це обладнання, Ви можете відправити нам заявку. Наш менеджер зв'яжеться з Вами, проконсультує та запропонує оптимальні умови покупки!
                </p>
                {% endif %}
                
                {% if app.request.locale == 'ru' %}
                
                <input type="submit" class="predzakaz" value="Заказать" onclick="preorder()"/>
                <p class="predzakaz_desc">
                Если Вас заинтересовало это оборудование, Вы можете отправить нам заявку. Наш менеджер свяжется с Вами, проконсультирует и предложит оптимальные условия покупки!
                </p>
                {% endif %}
                {% if app.request.locale == 'en' %}
                <input type="submit" class="predzakaz" value="Order" onclick="preorder()"/>
                {% endif %}
                <input type="hidden" value="{{product.title}}" name="product_name"/>
                <form class="predzakaz_form" method="POST" action="/ru/predzakaz.php">
                </form>
                </div>
               <span class="key-features">{{product.description|raw}}</span>
               {% if product.main|length > 0 %} 
                <div class='key-features'> 
                  <h3>{% trans %}Основні характеристики{% endtrans %}</h3>
                 {{product.main|raw}}
                </div>
               {% endif %}

              </div>
            </div>

            {% if product.tech|length > 0 %}
              <div class='tech-features'>
                <h3>{% trans %}Технічні характеристики{% endtrans %}</h3>
                {{product.tech|tech_spec_format|raw}}
              </div>
            {% endif %}
            {% if product.ord|length > 0 %}
              <div class='order-equipment'>
                <h3>{% trans %}Замовлення обладнання{% endtrans %}</h3>
                <span class="key-features">{{product.ord|raw}}</span>
              </div>
            {% endif %}
            </div>
          </div>
          {% if product.id|raw == 12 %}
          <div class="product_img">
            Images
          </div>
          {% endif %}
      </div>

      <script>
       function preorder() {
          var element = document.getElementById("preorder_block");
          element.classList.remove("hidden");
        }
       function preorder_hide() {
          var element = document.getElementById("preorder_block");
          element.classList.add("hidden");
        }        
      </script>

{% endblock %}