templates/includes/kontakt-content.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  3.     <div class="bedescription">Überschrift</div><br>
  4.     {{ pimcore_input('headline', {'placeholder': 'Noch 1 Klick von Ihrem Angebot/ Ihrer Maschine entfernt'}) }}
  6.     <div class="bedescription">Überschrift Extragroß</div>
  7.     {{ pimcore_checkbox('headline_lg') }}<br>
  9.     <div class="bedescription">Text</div><br>
  10.     {{ pimcore_textarea('content', {'placeholder': "Cutting solution Center"}) }}
  12.     <div class="bedescription">Text (mit Formatierung)</div><br>
  13.     {{ pimcore_wysiwyg("kontakt_text") }}
  15.     <div class="bedescription">Bild</div><br>
  16.     {{ pimcore_image("kontakt_image") }}
  18.     <div class="bedescription">Telefonnummer</div><br>
  19.     {{ pimcore_input('phone', {'placeholder': '+49 63 31-713-100'}) }}
  21.     <div class="bedescription">E-Mail</div><br>
  22.     {{ pimcore_input('email', {'placeholder': 'sales@schoen-sandt.de'}) }}
  24.     <div class="bedescription">Button (Popup)</div><br>
  25.     {{ pimcore_link("kontakt", {'placeholder': "Anfrage senden"}) }}<br>
  27.     <div class="bedescription">Button (Sonstiges)</div><br>
  28.     {{ pimcore_link("sonstiges") }}<br>
  30.     <div class="bedescription">Popup Art</div><br>
  31.     {{ pimcore_select("popup", {
  32.         "store": [
  33.             ["proLINE", "proLINE"],
  34.             ["proLINE_maschine", "proLINE Maschine"],
  35.             ["ecoLINE", "ecoLINE"],
  36.             ["ecoLINE_maschine", "ecoLINE Maschine"],
  37.             ["customLINE", "customLINE"],
  38.             ["customLINE_maschine", "customLINE Maschine"],
  39.         ],
  40.         "defaultValue": "proLINE",
  41.         "reload": true
  42.     }) }}
  43.     <br>
  45.     {% if pimcore_select("popup").getData() == "proLINE_maschine" or pimcore_select("popup").getData() == "ecoLINE_maschine" or pimcore_select("popup").getData() == "customLINE_maschine" %}
  46.         <div class="bedescription">Bezeichnung Maschine</div><br>
  47.         {{ pimcore_input("popup_maschine") }}
  48.         <br>
  49.     {% endif %}
  51.     {% if pimcore_select("popup").getData() == "proLINE_maschine" %}
  52.         <div class="bedescription">Stanzkraft und -fläche</div><br>
  53.         {% for i in pimcore_block("stanzkraft_flaeche").iterator %}
  54.             <div class="row">
  55.                 <div class="col-6">
  56.                     <div class="bedescription">Stanzkraft in kN</div><br>
  57.                     {{ pimcore_input("stanzkraft") }}
  58.                 </div>
  60.                 <div class="col-6">
  61.                     <div class="bedescription">Stanzfläche in mm</div><br>
  62.                     {{ pimcore_input("stanzflaeche") }}
  63.                 </div>
  64.             </div>
  65.         {% endfor %}
  66.         <br>
  67.     {% endif %}
  69.     <div class="bedescription">Popup Überschrift (klein, oben)</div><br>
  70.     {{ pimcore_input("popup_top", {'placeholder': 'Noch 1 Klick von Ihrem Angebot/ Ihrer Maschine entfernt'}) }}
  72.     <div class="bedescription">Popup Überschrift (groß, unten)</div><br>
  73.     {{ pimcore_input("popup_head", {'placeholder': "Maschine Anfragen"}) }}
  75.     <div class="bedescription">Produktdatenblatt</div><br>
  76.     {{ pimcore_link("produktdatenblatt", {'placeholder': "Produktdatenblatt"}) }}
  78. {% else %}
  80.     <div class="contact-wrapper">
  81.         {% set margin = 0 %}
  82.         {% if pimcore_link("kontakt").getText() or pimcore_link("sonstiges").getText()%}
  83.             {% set margin = margin+45 %}
  84.         {% endif %}
  86.         {% if pimcore_link("produktdatenblatt").getHref()  %}
  88.         {% endif %}
  90.         <div  class="action contact position-relative h-100 {{ pimcore_select("kachelColor").getData() }} {# if pimcore_link("produktdatenblatt").getHref() or pimcore_link("sonstiges").getText() or pimcore_link("kontakt").getText()  %}pb-80{% endif %} #}">
  91.             <div class="content" style="margin-bottom: {{ margin }}px;">
  93.                 <h2 {% if pimcore_checkbox('headline_lg').isChecked() %}class="h-xl"{% endif %}>{{ pimcore_input('headline')|formatLINEtoItalic|raw }}</h2>
  95.                 <p class="call">
  96.                     {% if pimcore_image("kontakt_image").getSrc() %}
  97.                     <div style="max-width: 100px;" class="mb-2 ">
  98.                         <img src="{{ pimcore_image("kontakt_image").getSrc() }}" style="object-fit: cover;border-radius: 5px;">
  99.                     </div>{% endif %}
  100.                     {{ pimcore_textarea('content') }}
  101.                     {{ pimcore_wysiwyg("kontakt_text") }}
  102.                 </p>
  104.                 {% if pimcore_input('phone').getText() or pimcore_input('email').getText() %}
  105.                 <div class="call-around">
  106.                     {% if pimcore_input('phone').getText() %}
  107.                     <a href="tel:{{ pimcore_input('phone') }}" class="call-wrapper">
  108.                         <div class="img-wrapper phone-wrapper">
  109.                             <img src="/img/icon-phone-2022-w.svg">
  110.                         </div>
  111.                         <p>{{ pimcore_input('phone') }}</p>
  112.                     </a>
  113.                     <br>
  114.                     {% endif %}
  115.                     {% if pimcore_input('email').getText() %}
  116.                     <a href="mailto:{{ pimcore_input('email') }}" class="call-wrapper">
  117.                         <div class="img-wrapper">
  118.                             <img src="/img/icon-email-w.svg">
  119.                         </div>
  120.                         <p>{{ pimcore_input('email') }}</p>
  121.                     </a>
  122.                     {% endif %}
  123.                 </div>
  124.                 {% endif %}
  126.                 {% if pimcore_link("kontakt").getText() %}
  127.                     <a href="#" data-bs-toggle="modal" data-bs-target="#popup" class="btn btn-default arrow grey position-absolute" target="{{ pimcore_link("kontakt").getTarget() }}">{{ pimcore_link("kontakt").getText()|formatLINEtoItalic|raw }}</a>
  128.                 {% endif %}
  130.                 {% if pimcore_link("sonstiges").getText() %}
  131.                     <a href="{{ pimcore_link("sonstiges").getHref() }}" class="btn btn-default arrow grey position-absolute" target="{{ pimcore_link("sonstiges").getTarget() }}">{{ pimcore_link("sonstiges").getText()|formatLINEtoItalic|raw }}</a>
  132.                 {% endif %}
  134.             </div>
  135.         </div>
  137.         {% if pimcore_link("produktdatenblatt").getHref() %}
  139.             <a href="{{ pimcore_link("produktdatenblatt").getHref() }}" target="{{ pimcore_link("produktdatenblatt").getTarget() }}" >
  140.                 <div class="produktdatenblatt">
  141.                     <img src="/img/pdf.svg">
  142.                     {% if pimcore_link("produktdatenblatt").getText() %}{{ pimcore_link("produktdatenblatt").getText() }}{% else %}{{ "Produktdatenblatt"|trans }}{% endif %}
  143.                 </div>
  144.             </a>
  145.         {% endif %}
  146.     </div>
  148.     {# POPUP #}
  150.     {% set multistep = "" %}
  151.     {% if pimcore_select("popup").getData() == "proLINE_maschine" or pimcore_select("popup").getData() == "customLINE_maschine" or
  152.         pimcore_select("popup").getData() == "proLINE" or pimcore_select("popup").getData() == "customLINE"
  154.     %}
  155.         {% set multistep = "multistep" %}
  156.     {% endif %}
  158.     <div class="modal fade popup {{ multistep }}" id="popup" tabindex="-1" aria-labelledby="popupLabel" aria-hidden="true">
  159.         <div class="modal-dialog modal-lg modal-dialog-centered">
  160.             <div class="modal-content mb-1 rounded-0">
  161.                 <div class="modal-header border-0">
  162.                     <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  163.                 </div>
  164.                 <div class="modal-body pt-0 px-2 p-md-5 m-md-4 m-3">
  165.                     <h3>{{ pimcore_input("popup_top").getText() }}</h3>
  166.                     <h2>{{ pimcore_input("popup_head").getText()|formatANFRAGENtoBold|raw }}</h2>
  168.                     <form id="regForm" method="post">
  170.                         <input type="hidden" id="machine_series" name="machine_series" value="{{ pimcore_select("popup").getData() }}">
  172.                         <div class="tab">
  173.                             {% if pimcore_select("popup").getData() == "proLINE_maschine" or pimcore_select("popup").getData() == "ecoLINE_maschine" or pimcore_select("popup").getData() == "customLINE_maschine" %}
  174.                                 <input type="hidden" class="machine_type" name="machine_type" value="{{ pimcore_input("popup_maschine").getData() }}">
  175.                             {% endif %}
  177.                             {% if pimcore_select("popup").getData() == "ecoLINE" %}
  178.                                 <div class="mt-3">
  179.                                     <label>{{ "Maschinentyp"|trans }} <span class="req">*</span></label>
  180.                                     <input type="hidden" class="machine_type" name="machine_type">
  182.                                     <ul class="machine-select mb-0">
  183.                                         <li><span>{{ "Maschine wählen"|trans }}</span>
  184.                                             <ul style="display: none;">
  185.                                                 <li class="">7072C</li>
  186.                                                 <li class="">1028C</li>
  187.                                             </ul>
  188.                                         </li>
  189.                                     </ul>
  190.                                 </div>
  191.                             {% endif %}
  193.                             <div class="mt-3">
  194.                                 <label for="company_name">{{ "Firmenname"|trans }} <span class="req">*</span></label>
  195.                                 <input type="text" id="company_name" name="company_name" required>
  196.                             </div>
  198.                             <div class="mt-3">
  199.                                 <label for="ansprechpartner">{{ "Ansprechpartner"|trans }}</label>
  200.                                 <input type="text" id="ansprechpartner" name="ansprechpartner">
  201.                             </div>
  203.                             <div class="mt-3">
  204.                                 <label for="street">{{ "Straße"|trans }}</label>
  205.                                 <input type="text" id="street" name="street">
  206.                             </div>
  208.                             <div class="mt-3">
  209.                                 <label for="city">{{ "Ort"|trans }}</label>
  210.                                 <input type="text" id="city" name="city">
  211.                             </div>
  213.                             <div class="mt-3">
  214.                                 <label for="email">{{ "E-Mail-Adresse"|trans }} <span class="req">*</span></label>
  215.                                 <input type="email" id="email" name="email" required>
  216.                             </div>
  218.                             <div class="mt-3">
  219.                                 <label for="phone">{{ "Telefonnummer"|trans }} <span class="req">*</span></label>
  220.                                 <input type="tel" id="phone" name="phone" required>
  221.                             </div>
  222.                         </div>
  224.                         {% if multistep == "multistep" %}
  225.                             {% if pimcore_select("popup").getData() == "proLINE_maschine" %}
  226.                                 <div class="tab">
  227.                                     <div class="row">
  228.                                         <div clasS="col-12">
  229.                                             <ul class="stanzkraft-select mb-0">
  230.                                                 <li><span>{{ "Stanzkraft und Stanzfläche"|trans }} <span class="req">*</span></span>
  231.                                                     <ul style="display: none;">
  232.                                                         {% for i in pimcore_block("stanzkraft_flaeche").iterator %}
  233.                                                             <li class="">{{ pimcore_input("stanzkraft") }} kN / {{ pimcore_input("stanzflaeche") }} mm</li>
  234.                                                         {% endfor %}
  235.                                                     </ul>
  236.                                                 </li>
  237.                                             </ul>
  239.                                             <input type="hidden" name="stanzkraft_flaeche" class="stanzkraft_flaeche">
  240.                                         </div>
  241.                                     </div>
  243.                                     <div class="mt-3">
  244.                                         <label for="raw_material">{{ "Materialart"|trans }} <span class="req">*</span></label>
  245.                                         <input type="text" id="raw_material" name="raw_material" required>
  246.                                     </div>
  248.                                     <div class="row">
  249.                                         <div class="col-12 col-md-4">
  250.                                             <div class="form-check mt-3 d-flex justify-content-center align-items-center">
  251.                                                 <input id="keine_angabe" name="material_type" class="form-check-input" type="radio" value="Keine Angabe" checked style="width: unset!important;">
  252.                                                 <label class="form-check-label" for="keine_angabe">&emsp;{{ "Keine Angabe"|trans }}</label>
  253.                                             </div>
  254.                                         </div>
  255.                                         <div class="col-12 col-md-4">
  256.                                             <div class="form-check mt-3 d-flex justify-content-center align-items-center">
  257.                                                 <input id="rollenmaterial" name="material_type" class="form-check-input" type="radio" value="Rollenmaterial" style="width: unset!important;">
  258.                                                 <label class="form-check-label" for="rollenmaterial">&emsp;{{ "Rollenmaterial"|trans }}</label>
  259.                                             </div>
  260.                                         </div>
  261.                                         <div class="col-12 col-md-4">
  262.                                             <div class="form-check d-flex justify-content-center align-items-center mt-3">
  263.                                                 <input id="plattenmaterial" name="material_type" class="form-check-input" type="radio" value="Plattenmaterial" style="width: unset!important;">
  264.                                                 <label class="form-check-label" for="plattenmaterial">&emsp;{{ "Plattenmaterial"|trans }}</label>
  265.                                             </div>
  266.                                         </div>
  267.                                     </div>
  269.                                     <label class="form-label mt-3">{{ "Werkzeuggrundplatte (in mm)"|trans }}</label>
  270.                                     <div class="input-group">
  271.                                         <span class="input-group-text">{{ "width_short"|trans }}</span>
  272.                                         <input type="number" class="form-control" name="werkzeuggrundplatte_width">
  273.                                         <span class="input-group-text">{{ "length_short"|trans }}</span>
  274.                                         <input type="number" class="form-control" name="werkzeuggrundplatte_length">
  275.                                         <span class="input-group-text">{{ "height_short"|trans }}</span>
  276.                                         <input type="number" class="form-control" name="werkzeuggrundplatte_height">
  277.                                     </div>
  279.                                     <label class="form-label mt-3">{{ "Werkzeughöhe"|trans }}</label>
  280.                                     <div class="input-group">
  281.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  282.                                         <input type="number" class="form-control" name="werkzeug_hoehe_min">
  283.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  284.                                         <input type="number" class="form-control" name="werkzeug_hoehe_max">
  285.                                     </div>
  287.                                     <label class="form-label mt-3">{{ "Nutzengröße (in mm)"|trans }}</label>
  288.                                     <div class="input-group mb-3">
  289.                                         <span class="input-group-text">{{ "width_short"|trans }}</span>
  290.                                         <input type="number" class="form-control" name="nutzen_groesse_width">
  291.                                         <span class="input-group-text">{{ "length_short"|trans }}</span>
  292.                                         <input type="number" class="form-control" name="nutzen_groesse_length">
  293.                                     </div>
  295.                                     <div class="my-3">
  296.                                         <label>{{ "Nutzenanzahl pro Hub"|trans }}</label>
  297.                                         <input type="number" name="nutzenanzahl_hub">
  298.                                     </div>
  299.                                 </div>
  300.                             {% endif %}
  302.                             {% if pimcore_select("popup").getData() == "proLINE" or pimcore_select("popup").getData() == "customLINE" %}
  303.                                     <input type="hidden" class="machine_type" name="machine_type">
  304.                             {% endif %}
  306.                             {#<div class="tab">
  307.                                 {% if pimcore_select("popup").getData() == "proLINE" %}
  308.                                     <div class="mt-3">
  309.                                         <label>{{ "Maschinentyp"|trans }} <span class="req">*</span></label>
  310.                                         <input type="hidden" class="machine_type" name="machine_type">
  312.                                         <ul class="machine-select mb-0">
  313.                                             <li><span>{{ "Maschine wählen" }}</span>
  314.                                                 <ul style="display: none;">
  315.                                                     <li class="">proCUT 5300</li>
  316.                                                     <li class="">proCUT 6005</li>
  317.                                                     <li class="">5230</li>
  318.                                                     <li class="">2062</li>
  319.                                                     <li class="">7320</li>
  320.                                                 </ul>
  321.                                             </li>
  322.                                         </ul>
  323.                                     </div>
  324.                                 {% endif %}
  326.                                 {% if pimcore_select("popup").getData() == "customLINE" %}
  327.                                     <div class="mt-3">
  328.                                         <label>{{ "Maschinentyp"|trans }} <span class="req">*</span></label>
  329.                                         <input type="hidden" class="machine_type" name="machine_type">
  331.                                         <ul class="machine-select mb-0">
  332.                                             <li><span>{{ "Maschine wählen" }}</span>
  333.                                                 <ul style="display: none;">
  334.                                                     <li class="">2070</li>
  335.                                                     <li class="">2071</li>
  336.                                                     <li class="">6140</li>
  337.                                                     <li class="">5050</li>
  338.                                                 </ul>
  339.                                             </li>
  340.                                         </ul>
  341.                                     </div>
  342.                                 {% endif %}
  344.                                 <div class="mt-3">
  345.                                     <label for="raw_material">{{ "Materialart"|trans }} <span class="req">*</span></label>
  346.                                     <input type="text" id="raw_material" name="raw_material" required>
  347.                                 </div>
  349.                                 <div class="row">
  350.                                     <div class="col-4">
  351.                                         <div class="form-check mt-3 d-flex justify-content-center align-items-center">
  352.                                             <input id="rollenmaterial" name="rollenmaterial" class="form-check-input" type="checkbox" value="" style="width: unset!important;">
  353.                                             <label class="form-check-label" for="rollenmaterial">
  354.                                                 &emsp;{{ "Rollenmaterial"|trans }}
  355.                                             </label>
  356.                                         </div>
  357.                                     </div>
  358.                                     <div class="col-4">
  359.                                         <div class="form-check d-flex justify-content-center align-items-center mt-3">
  360.                                             <input id="plattenmaterial" name="plattenmaterial" class="form-check-input" type="checkbox" value="" style="width: unset!important;">
  361.                                             <label class="form-check-label" for="plattenmaterial">
  362.                                                 &emsp;{{ "Plattenmaterial"|trans }}
  363.                                             </label>
  364.                                         </div>
  365.                                     </div>
  366.                                     <div class="col-4">
  367.                                         <div class="mt-3">
  368.                                             <label for="stanzkraft">{{ "Erforderliche Stanzkraft"|trans }} <span class="req">*</span></label>
  369.                                             <input type="text" id="stanzkraft" name="stanzkraft" required>
  370.                                         </div>
  371.                                     </div>
  372.                                 </div>
  374.                                 <div id="rollenmaterial_expand" class="border rounded special-p d-none mt-3">
  376.                                     <h5>{{ "Rollenmaterial"|trans }}</h5>
  378.                                     <label class="form-label">{{ "Materialstärke"|trans }}</label>
  379.                                     <div class="input-group mb-3">
  380.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  381.                                         <input type="text" class="form-control" name="rm_material_staerke_min">
  382.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  383.                                         <input type="text" class="form-control" name="rm_material_staerke_max">
  384.                                     </div>
  386.                                     <label class="form-label">{{ "Anzahl Lagen"|trans }}</label>
  387.                                     <div class="input-group mb-3">
  388.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  389.                                         <input type="text" class="form-control" name="rm_anzahl_lagen_min">
  390.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  391.                                         <input type="text" class="form-control" name="rm_anzahl_lagen_max">
  392.                                     </div>
  395.                                     <label class="form-label">{{ "Höhe Lagen"|trans }}</label>
  396.                                     <div class="input-group mb-3">
  397.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  398.                                         <input type="text" class="form-control" name="rm_hoehe_lagen_min">
  399.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  400.                                         <input type="text" class="form-control" name="rm_hoehe_lagen_max">
  401.                                     </div>
  403.                                     <label class="form-label">{{ "Materialbreite"|trans }}</label>
  404.                                     <div class="input-group mb-3">
  405.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  406.                                         <input type="text" class="form-control" name="rm_material_breite_min">
  407.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  408.                                         <input type="text" class="form-control" name="rm_material_breite_max">
  409.                                     </div>
  411.                                     <label class="form-label">{{ "Rollen"|trans }}</label>
  412.                                     <div class="input-group mb-3">
  413.                                         <span class="input-group-text">{{ "Durchmesser"|trans }}</span>
  414.                                         <input type="text" class="form-control" name="rm_rollen_durchmesser">
  415.                                         <span class="input-group-text">{{ "Gewicht"|trans }}</span>
  416.                                         <input type="text" class="form-control" name="rm_rollen_gewicht">
  417.                                     </div>
  419.                                     <label class="form-label">{{ "Hülse"|trans }}</label>
  420.                                     <div class="input-group">
  421.                                         <span class="input-group-text">{{ "Innendurchmesser"|trans }}</span>
  422.                                         <input type="text" class="form-control" name="rm_huelse_innendurchmesser">
  423.                                         <span class="input-group-text">{{ "Länge"|trans }}</span>
  424.                                         <input type="text" class="form-control" name="rm_huelse_laenge">
  425.                                         <span class="input-group-text">{{ "Material"|trans }}</span>
  426.                                         <input type="text" class="form-control" name="rm_huelse_material">
  427.                                     </div>
  429.                                 </div>
  431.                                 <div id="plattenmaterial_expand" class="border rounded special-p d-none mt-3">
  433.                                     <h5>{{ "Plattenmaterial"|trans }}</h5>
  435.                                     <label class="form-label">{{ "Materialstärke"|trans }}</label>
  436.                                     <div class="input-group mb-3">
  437.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  438.                                         <input type="text" class="form-control" name="pm_material_staerke_min">
  439.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  440.                                         <input type="text" class="form-control" name="pm_material_staerke_max">
  441.                                     </div>
  443.                                     <label class="form-label">{{ "Anzahl Lagen"|trans }}</label>
  444.                                     <div class="input-group mb-3">
  445.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  446.                                         <input type="text" class="form-control" name="pm_anzahl_lagen_min">
  447.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  448.                                         <input type="text" class="form-control" name="pm_anzahl_lagen_max">
  449.                                     </div>
  452.                                     <label class="form-label">{{ "Plattenbreite"|trans }}</label>
  453.                                     <div class="input-group mb-3">
  454.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  455.                                         <input type="text" class="form-control" name="pm_platten_breite_min">
  456.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  457.                                         <input type="text" class="form-control" name="pm_platten_breite_max">
  458.                                     </div>
  460.                                     <label class="form-label">{{ "Plattenlänge"|trans }}</label>
  461.                                     <div class="input-group mb-3">
  462.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  463.                                         <input type="text" class="form-control" name="pm_platten_laenge_min">
  464.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  465.                                         <input type="text" class="form-control" name="pm_platten_laenge_max">
  466.                                     </div>
  468.                                     <div class="my-3">
  469.                                         <label>{{ "Plattengewicht"|trans }}</label>
  470.                                         <input type="text" class="form-control" name="pm_platten_gewicht">
  471.                                     </div>
  472.                                 </div>
  474.                                 <label class="form-label mt-3">{{ "Werkzeuggrundplatte (in mm)"|trans }}</label>
  475.                                 <div class="input-group">
  476.                                     <span class="input-group-text">{{ "width_short"|trans }}</span>
  477.                                     <input type="text" class="form-control" name="werkzeuggrundplatte_width">
  478.                                     <span class="input-group-text">{{ "length_short"|trans }}</span>
  479.                                     <input type="text" class="form-control" name="werkzeuggrundplatte_length">
  480.                                     <span class="input-group-text">{{ "height_short"|trans }}</span>
  481.                                     <input type="text" class="form-control" name="werkzeuggrundplatte_height">
  482.                                 </div>
  484.                                 <label class="form-label mt-3">{{ "Werkzeughöhe"|trans }}</label>
  485.                                 <div class="input-group">
  486.                                     <span class="input-group-text">{{ "min."|trans }}</span>
  487.                                     <input type="text" class="form-control" name="werkzeug_hoehe_min">
  488.                                     <span class="input-group-text">{{ "max."|trans }}</span>
  489.                                     <input type="text" class="form-control" name="werkzeug_hoehe_max">
  490.                                 </div>
  492.                                 <label class="form-label mt-3">{{ "Nutzengröße (in mm)"|trans }} <span class="req">*</span></label>
  493.                                 <div class="input-group mb-3">
  494.                                     <span class="input-group-text">{{ "width_short"|trans }}</span>
  495.                                     <input type="text" class="form-control" name="nutzen_groesse_width" required>
  496.                                     <span class="input-group-text">{{ "length_short"|trans }}</span>
  497.                                     <input type="text" class="form-control" name="nutzen_groesse_length" required>
  498.                                 </div>
  500.                                 <div class="my-3">
  501.                                     <label>{{ "Nutzenanzahl pro Hub"|trans }} <span class="req">*</span></label>
  502.                                     <input type="text" name="nutzenanzahl_hub" style="width: 200px!important;" required>
  503.                                 </div>
  505.                                 {% if pimcore_select("popup").getData() == "customLINE_maschine" or pimcore_select("popup").getData() == "customLINE" %}
  506.                                     <h5>{{ "Produktionsangaben"|trans }}</h5>
  507.                                     <input type="hidden" name="is_customline" value="1">
  509.                                     <label class="form-label">{{ "Stückzahlen pro"|trans }}</label>
  510.                                     <div class="input-group mb-3">
  511.                                         <span class="input-group-text">{{ "Jahr"|trans }}</span>
  512.                                         <input type="text" class="form-control" name="stueckzahlen_pro_jahr">
  513.                                         <span class="input-group-text">{{ "Monat"|trans }}</span>
  514.                                         <input type="text" class="form-control" name="stueckzahlen_pro_monat">
  515.                                         <span class="input-group-text">{{ "Tag"|trans }}</span>
  516.                                         <input type="text" class="form-control" name="stueckzahlen_pro_tag">
  517.                                     </div>
  518.                                     <label class="form-label">{{ "Anzahl Produktwechsel pro"|trans }}</label>
  519.                                     <div class="input-group mb-3">
  520.                                         <span class="input-group-text">{{ "Tag"|trans }}</span>
  521.                                         <input type="text" class="form-control" name="produktwechsel_pro_tag">
  522.                                         <span class="input-group-text">{{ "Schicht"|trans }}</span>
  523.                                         <input type="text" class="form-control" name="produktwechsel_pro_schicht">
  524.                                     </div>
  526.                                     <label class="form-label">{{ "Losgröße"|trans }}</label>
  527.                                     <div class="input-group mb-3">
  528.                                         <span class="input-group-text">{{ "min."|trans }}</span>
  529.                                         <input type="text" class="form-control" name="losgroesse_min">
  530.                                         <span class="input-group-text">{{ "max."|trans }}</span>
  531.                                         <input type="text" class="form-control" name="losgroesse_max">
  532.                                     </div>
  533.                                 {% endif %}
  534.                             </div>#}
  536.                             {# Extra Step für Customline (Part 1) #}
  537.                             {# if pimcore_select("popup").getData() == "customLINE_maschine" or pimcore_select("popup").getData() == "customLINE" #}
  538.                             {#
  539.                                <div class="tab">
  540.                                Inhalt für den Extra Tab bei Customline
  541.                                </div>
  542.                             #}
  543.                             {# endif #}
  545.                         {% endif %}
  547.                         <div class="tab">
  548.                             {% if multistep == "multistep" %}
  549.                                 <div class="mt-3">
  550.                                     {% if pimcore_select("popup").getData() == "proLINE_maschine" %}
  551.                                         <label for="description">{{ "Beschreibung Produktionsablauf"|trans }}</label>
  552.                                     {% else %}
  553.                                         <label for="description">{{ "Beschreibung Maschinentyp und Produktionsablauf"|trans }}</label>
  554.                                     {% endif %}
  555.                                     <textarea type="text" id="description" name="description" rows="6"></textarea>
  556.                                 </div>
  557.                             {% endif %}
  558.                             <div class="mt-3">
  559.                                 <label for="notes">{{ "Bemerkung zur Anfrage"|trans }}</label>
  560.                                 <textarea type="text" id="notes" name="notes" rows="{% if multistep == "multistep" %}6{% else %}4{% endif %}"></textarea>
  561.                             </div>
  562.                         </div>
  564.                         <div class="pflichtfelder mt-3 mb-5 position-relative fs-1"><label class="position-absolute d-inline-block w-auto"><span class="req">*</span>
  565.                             {{ "Pflichtfelder"|trans }}</label></div>
  567.                         {% if multistep == "multistep" %}
  568.                             <div id="buttons" class="text-end" style="overflow:auto;">
  569.                                 <div style="float:right;">
  570.                                     <a class="btn btn-default arrow grey mt-1 arrow-back pe-4" type="button" id="prevBtn">{{ "Zurück"|trans }}</a>
  571.                                     <a class="btn btn-default arrow grey mt-1 ps-4" type="button" id="nextBtn">{{ "Weiter"|trans }}</a>
  572.                                 </div>
  573.                             </div>
  574.                             <div id="steps" class="mt-3" style="text-align:center;">
  575.                                 <span class="step"></span>
  576.                                 {% if pimcore_select("popup").getData() == "proLINE_maschine" %}
  577.                                     <span class="step"></span>
  578.                                 {% endif %}
  579.                                 <span class="step"></span>
  580.                                 {# Extra Step für Customline (Part 2) #}
  581.                                 {# if pimcore_select("popup").getData() == "customLINE_maschine" or pimcore_select("popup").getData() == "customLINE" #}
  582.                                 {# <span class="step"></span> #}
  583.                                 {# endif #}
  584.                             </div>
  585.                         {% else %}
  586.                             <div class="text-end">
  587.                                 <a href="javascript:void(0)" class="btn btn-default arrow grey mt-1 send-request">
  588.                                     {{ "Anfrage absenden"|trans }}
  589.                                 </a>
  590.                             </div>
  591.                         {% endif %}
  594.                     </form>
  596.                     <div class="message" style="display: none; font-weight: 500"></div>
  597.                 </div>
  598.             </div>
  599.         </div>
  600.     </div>
  602. {% endif %}