templates/sites/reparieren/repair.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Smartphones, Handys & Tablets günstig in CLP beim Doctor reparieren lassen{% endblock %}
  5. {% block body %}
  7.     <section class="pt-6">
  8.         <div class="section container pt-6 mb-0 pb-0 pl-0">
  9.             <a class="" href="{{ path('handy') }}">Reparieren</a>
  10.             <span>></span>
  11.             <a class="" href="{{ path('handy-marke', { marke : geraet.marke.marke }) }}">{{geraet.marke.marke}}</a>
  12.             <span>></span>
  13.             <span>{{ geraet.name }}</span>
  14.         </div>
  15.     </section>
  18.     <section id="main" class="p-5 mt-3">
  19.         <div class="container">
  20.             <div class="">
  21.                 <div class="">
  22.                     <div class="columns">
  23.                         <div class="column">
  24.                             <img width="100%" src="/images/geraete/{{ geraet.bild }}">
  25.                         </div>
  26.                         <br>
  27.                         <div class="column mt-4 has-text-centered" id="positions">
  28.                             <div class="has-text-left mb-6">
  29.                                 <small>{{ geraet.marke.marke|capitalize }}</small>
  30.                                 <h1 style="margin-top: 0;">{{ geraet.name }}</h1>
  31.                                 <span class="title is-5" style="" id="gesamtPreis">0,00 € (wählen Sie eine Reparatur aus)</span>
  32.                                 <span class="help">*inkl. 19% MwSt. inkl. Versand</span>
  33.                                 <span class="help"><b>Bearbeitungszeit nach Geräteeingang: 1 - 3 Werktage</b></span>
  34.                             </div>
  35.                             <div style="display: block; text-align: left;" id="selectRepair">
  36.                                 <h5 class="title is-5 mb-2">Reparaturen</h5>
  37.                                 <hr class="mb-2 pb-0 pt-0 mt-0">
  38.                                 {% for preis in preise %}
  39.                                     {% set reparaturText = preis.reparatur.reparaturen|replace({'(': '<span class="tag is-info">', ')': '</span>'}) %}
  40.                                     <label class="checkbox" id="{{ preis.id }}" style="font-weight: 300;">
  41.                                         <input type="checkbox" value="{{ preis.id }}" id="position">
  42.                                         <span class="ml-3 tag is-success is-light"> {{ preis.preis|number_format(2, ',', '.') }} € *</span>
  43.                                         {{ reparaturText|raw }}
  44.                                     </label>
  45.                                     <br>
  46.                                 {% endfor %}
  48.                                 <br>
  49.                                 <h5 class="title is-5 mb-2">Service</h5>
  50.                                 <hr class="mb-2 pb-0 pt-0 mt-0">
  51.                                 {% for service in services %}
  52.                                     {% set nameText = service.name|replace({'(': '<span class="tag is-info">', ')': '</span>'}) %}
  53.                                     <label class="checkbox" id="S-{{ service.id }}" style="font-weight: 300;">
  54.                                         <input type="checkbox" value="S-{{ service.id }}" id="position">
  55.                                         <span class="ml-3 tag is-success is-light">+ {{ service.preis|number_format(2, ',', '.') }} € *</span> {{ nameText|raw }}
  56.                                     </label>
  57.                                     <br>
  58.                                 {% endfor %}
  60.                                 <br>
  61.                                 <h5 class="title is-5 mb-2 mt-4">Zubehör</h5>
  62.                                 <hr class="mb-2 pb-0 pt-0 mt-0">
  63.                                 {% for accessoire in accessoires %}
  64.                                     {% set typeText = accessoire.type|replace({'(': '<span class="tag is-info">', ')': '</span>'}) %}
  65.                                     <label class="checkbox" style="font-weight: 300;">
  66.                                         <input type="checkbox" value="A-{{ accessoire.id }}" id="position">
  67.                                         <span class="ml-3 tag is-success is-light">+ {{ accessoire.price|number_format(2, ',', '.') }} € *</span> {{ typeText|raw }}
  68.                                     </label>
  69.                                     <br>
  70.                                 {% endfor %}
  72.                                 <div class="modal" id="modal-js-example">
  73.                                     <div class="modal-background"></div>
  74.                                     <div class="modal-card">
  75.                                         <header class="modal-card-head">
  76.                                             <p class="modal-card-title mb-0">Weitere Informationen</p>
  77.                                             <button class="delete" aria-label="close"></button>
  78.                                         </header>
  79.                                         <section class="modal-card-body">
  80.                                             <div class="tabs selectLockType mb-0">
  81.                                                 <ul class="mb-3">
  82.                                                     <li id="pin-tab" class="is-active"><a>PIN</a></li>
  83.                                                     <li id="muster-tab"><a>Muster</a></li>
  84.                                                 </ul>
  85.                                             </div>
  87.                                             <div id="muster" style="display:none;">
  88.                                                 <svg style="width:200px" class="patternlock" id="lock" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  89.                                                     <g class="lock-actives"></g>
  90.                                                     <g class="lock-lines"></g>
  91.                                                     <g class="lock-dots">
  92.                                                         <circle cx="20" cy="20" r="2"/>
  93.                                                         <circle cx="50" cy="20" r="2"/>
  94.                                                         <circle cx="80" cy="20" r="2"/>
  96.                                                         <circle cx="20" cy="50" r="2"/>
  97.                                                         <circle cx="50" cy="50" r="2"/>
  98.                                                         <circle cx="80" cy="50" r="2"/>
  100.                                                         <circle cx="20" cy="80" r="2"/>
  101.                                                         <circle cx="50" cy="80" r="2"/>
  102.                                                         <circle cx="80" cy="80" r="2"/>
  103.                                                     </g>
  104.                                                 </svg>
  105.                                             </div>
  107.                                             <div id="pin" style="" class="mb-4">
  108.                                                 <span>PIN</span>
  109.                                                 <input type="text" class="input" id="entsperrmuster">
  110.                                             </div>
  111.                                             
  112.                                             <div>
  113.                                                 <span>Fehlerbeschreibung</span>
  114.                                                 <textarea type="text" class="input" id="fehlerbeschreibung" style="resize: none;height: 100px;"></textarea>
  115.                                             </div>
  116.                                         </section>
  117.                                         <footer class="modal-card-foot">
  118.                                             <div class="buttons">
  119.                                                 <button class="button is-success addToBasket">In den Warenkorb</button>
  120.                                             </div>
  121.                                         </footer>
  122.                                     </div>
  123.                                 </div>
  125.                                 <div class="mt-3">
  126.                                     <div>
  127.                                         <a class="button is-success js-modal-trigger" data-target="modal-js-example">Weiter</a>
  128.                                     </div>
  129.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.     </section>
  140. {% endblock %}