templates/includes/kurzfristig-verfuegbar.html.twig line 1

Open in your IDE?
  1. <div class="container-fluid">
  3. <div class="kurzfristig-verfuegbar">
  5.     <div class="mb-lg-4 d-flex justify-content-xl-center flex-xl-nowrap flex-wrap checkboxen">
  6.         <div class="m-3">
  7.             <input type="checkbox" class="custom-control-input custom-checkbox" id="customCheck1" checked>
  8.             <label class="custom-control-label" for="customCheck1">&ensp;pro<i>LINE</i></label>
  9.         </div>
  11.         <div class="m-3">
  12.             <input type="checkbox" class="custom-control-input custom-checkbox" id="customCheck2" checked>
  13.             <label class="custom-control-label" for="customCheck2">&ensp;eco<i>LINE</i></label>
  14.         </div>
  16.         <div class="m-3">
  17.             <input type="checkbox" class="custom-control-input custom-checkbox" id="customCheck3" checked>
  18.             <label class="custom-control-label" for="customCheck3">&ensp;{{ "Gebrauchtmaschinen"|trans }}</label>
  19.         </div>
  20.     </div>
  21.     <!--div class="overflow-x"-->
  22.     <ul class="table-like">
  23.         <li class="table-like__item row proLine gebraucht ecoLine nothing table-head">
  24.             <div class="col-3 d-none d-xl-block">
  25.                 {{ "Bezeichnung"|trans }}
  26.             </div>
  27.             <div class="col-2 d-none d-xl-block">
  28.                 {{ "Typ"|trans }}
  29.             </div>
  30.             <div class="col-1 d-none d-xl-block">
  31.                 {{ "Stanzkraft"|trans }}
  32.             </div>
  33.             <div class="col-1 d-none d-xl-block">
  34.                 {{ "Tischgröße"|trans }}
  35.             </div>
  36.             <div class="col-1 d-none d-xl-block text-center justify-content-center">
  37.                 {{ "Anzahl"|trans }}
  38.             </div>
  39.             <div class="col d-none d-xl-block">
  40.                 {{ "Standort"|trans }}
  41.             </div>
  42.             <div class="col-1 d-none d-xl-block">
  43.                 {{ "Status"|trans }}
  44.             </div>
  45.             <div class="col d-none d-xl-block"></div>
  46.         </li>
  47.         {% for item in items %}
  48.         {#{% if item.status != "4-verkauft" %}#}
  49.         <li class="table-like__item row {{ item.kategorie }} {% if item.Gebraucht %}gebraucht{% endif %}">
  50.             <div class="col-xl-3 col-12"><span class="d-xl-none fw-light">{{ "Bezeichnung"|trans }}:&nbsp;</span>{{ item.bezeichnung }}</div>
  51.             <div class="col-xl-2 col-12"><span class="d-xl-none fw-light">{{ "Typ"|trans }}:&nbsp;</span>{{ item.typ }}</div>
  52.             <div class="col-xl-1 col-12"><span class="d-xl-none fw-light">{{ "Stanzkraft"|trans }}:&nbsp;</span>{{ item.stanzkraft|default("") }} {% if item.stanzkraft != "" %}kN{% endif %}</div>
  53.             <div class="col-xl-1 col-12"><span class="d-xl-none fw-light">{{ "Tischgröße"|trans }}:&nbsp;</span>{{ item.tischgroesse }}mm</div>
  54.             <div class="col-xl-1 col-12 justify-content-xl-center text-xl-center"><span class="d-xl-none fw-light">{{ "Anzahl"|trans }}:&nbsp;</span>{{ item.anzahl }}</div>
  56.             {% if item.standort|default("") != "" %}
  57.                <div class="col-xl "><span class="d-xl-none fw-light">{{ "Standort"|trans }}:&nbsp;</span>{{ item.standort|default("") }}</div>
  58.             {% else %}
  59.                 <div class="col d-none d-xl-block">{{ item.standort|default("") }}</div>
  60.             {% endif %}
  62.             <div class="col-xl-1 col-12 text-xl-center justify-content-xl-center badge_info">
  63.                 {% if item.status == "1-verfügbar" %}
  64.                     <div class="badge_lager">{{ "Auf Lager"|trans }}</div>
  65.                 {% elseif item.status == "2-vorlauf" %}
  66.                     <div class="badge_vorlauf">{{ "Vorlauf"|trans }}</div>
  67.                 {% elseif item.status == "3-bestellt" %}
  68.                     <div class="badge_bestellt">{{ "Bestellt"|trans }}</div>
  69.                 {% else %}
  70.                     <div class="badge_verkauft">{{ "Verkauft"|trans }}</div>
  71.                 {% endif %}
  72.             </div>
  73.             <div class="col"><a href="#" data-location="{{ item.standort|default('') }}" data-tablesize="{{ item.tischgroesse }}mm" data-cuttingforce="{{ item.stanzkraft|default('') }}" data-id="{{ item.id }}" data-typ="{{ item.typ }}" data-bs-toggle="modal" data-bs-target="#popup" class="btn btn-default petrol btn-sm pt-2 pb-1 arrow popup_modify" target="">{{ "Anfragen"|trans }}</a></div>
  74.         </li>
  75.         {#{% endif %}#}
  76.         {% endfor %}
  77.     </ul>
  78.     <!--/div-->
  79.     <div class="custom-border"></div>
  80. </div>
  82. <div class="my-5"></div>
  83. </div>
  84. {# POPUP #}
  86. <div class="modal fade popup" id="popup" tabindex="-1" aria-labelledby="popupLabel" aria-hidden="true">
  87.     <div class="modal-dialog modal-lg modal-dialog-centered">
  88.         <div class="modal-content rounded-0">
  89.             <div class="modal-header border-0">
  90.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  91.             </div>
  93.             <div class="modal-body pt-0 p-md-5 p-2 m-4">
  96.                 <form method="post">
  97.                 <h3>{{ "Noch ein Klick von Ihrer Maschine entfernt"|trans }}</h3>
  98.                 <h2>{{ "MASCHINE ANFRAGEN"|trans }}<br><span id="selected_machine_typ_text"></span></h2>
  100.                 <input type="hidden" value="" name="selected_machine_typ" id="selected_machine_typ">
  101.                 <input type="hidden" value="" name="selected_machine_tablesize" id="selected_machine_tablesize">
  102.                 <input type="hidden" value="" name="selected_machine_cuttingforce" id="selected_machine_cuttingforce">
  103.                 <input type="hidden" value="" name="selected_machine_location" id="selected_machine_location">
  104.                 <input type="hidden" value="" name="selected_machine_id" id="selected_machine_id">
  106.                 <div class="mt-3">
  107.                     <label for="">{{ "Firmenname"|trans }} *</label>
  108.                     <input type="text" id="company_name" name="company_name" required>
  109.                 </div>
  111.                 <div class="mt-3">
  112.                     <label for="" >{{ "Ansprechpartner für Rückfragen"|trans }} *</label>
  113.                     <input type="text" id="ansprechpartner" name="ansprechpartner" required>
  114.                 </div>
  116.                 <div class="mt-3">
  117.                     <label for="">{{ "E-Mail-Adresse"|trans }} *</label>
  118.                     <input type="email" id="email" name="email" required>
  119.                 </div>
  121.                 <div class="mt-3">
  122.                     <label for="">{{ "Telefonnummer"|trans }}</label>
  123.                     <input type="number" id="phone" name="phone">
  124.                 </div>
  126.                 <div class="mt-3">
  127.                     <label for="">{{ "Bemerkung zur Anfrage"|trans }} *</label>
  128.                     <textarea type="text" id="notes" name="notes" rows="6" required></textarea>
  129.                 </div>
  131.                 <div class="text-end">
  132.                     <a href="javascript:void(0)" class="btn btn-default arrow grey mt-5 send-request short-term">
  133.                         {{ "Anfrage absenden"|trans }}
  134.                     </a>
  135.                 </div>
  136.                 </form>
  137.                 <div class="message" style="display: none; font-weight: 500"></div>
  138.             </div>
  139.         </div>
  140.     </div>
  141. </div>