templates/sites/reparieren/markeTablet.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 %}
  6.    {# Erhalten Sie die aktuelle URL #}
  7.     {% set currentUrl = app.request.uri %}
  9.     {# Splitten der URL in Segmente #}
  10.     {% set segments = currentUrl|split('/') %}
  11.     {% set domain = segments[2] %}
  13.     {# Breadcrumb-Array initialisieren #}
  14.     {% set breadcrumbs = [] %}
  16.     {# Breadcrumbs für jede URL erstellen #}
  17.     {% set currentSegment = '' %}
  18.     {% for key, segment in segments|slice(3) %}
  19.         {% set currentSegment = currentSegment ~ '/' ~ segment %}
  20.         {% if loop.last %}
  21.             {% set breadcrumbs = breadcrumbs|merge([{'url': currentSegment, 'label': segment|capitalize, 'class': 'last-segment' }]) %}
  22.         {% else %}
  23.             {% set breadcrumbs = breadcrumbs|merge([{'url': currentSegment, 'label': segment|capitalize, 'class': 'regular-segment' }]) %}
  24.         {% endif %}
  25.     {% endfor %}
  27.     <section>
  28.         <div class="section container pb-0 mb-0 pl-0">
  29.             {# Ausgabe der Breadcrumbs #}
  30.             <ol class="breadcrumb has-succeeds-separator pt-6 pl-0" style="display:flex;">
  31.                 {% for breadcrumb in breadcrumbs %}
  32.                     <li class="breadcrumb-item">
  33.                         {% if loop.first %}
  34.                             <a href="{{ breadcrumb.url }}" class="{% if breadcrumb.class is defined %}{{ breadcrumb.class }}{% endif %}">{{ breadcrumb.label }}</a>
  35.                         {% else %}
  36.                             <a href="{{ breadcrumb.url }}" class="{% if breadcrumb.class is defined %}{{ breadcrumb.class }}{% endif %}">{{ breadcrumb.label }}</a>
  37.                         {% endif %}
  38.                     </li>
  39.                 {% endfor %}
  40.             </ol>
  41.         </div>
  42.     </section>
  44.     <section id="main" class="">
  45.         <div class="container">
  46.             <div class="">
  47.                 <div class="has-text-centered">
  48.                     <h3 class="mb-6">Wählen Sie Ihr Gerät</h3>
  49.                     
  50.                     <div class="columns">
  51.                         <div class="field column">
  52.                         <p class="control has-icons-left has-icons-right">
  53.                             <input class="input" type="text" placeholder="Suchen Sie Ihr Gerät..." id="searchGeraet">
  54.                             <span class="icon is-small is-left">
  55.                             <i class="fas fa-search"></i>
  56.                             </span>
  57.                         </p>
  58.                         </div>
  59.                     </div>
  61.                     <div class="columns is-multiline" id="devicesList">
  62.                     {% set sorted_geraete = geraete %}
  63.                         {% for geraet in sorted_geraete %}
  64.                             <div class="column is-one-quarter" id="{{ geraet.name }}">
  65.                                 <a href="{{ path('repairdevice',{id : geraet.id}) }}">
  66.                                     <div class="card zoom">
  67.                                         <div class="card-image">
  68.                                             <img class="image is-128x128" src="/images/geraete/{{ geraet.bild }}" alt="Bild von {{ geraet.name }}" width="120px">
  69.                                         </div>
  70.                                         <div class="card-content">
  71.                                             <div class="media-content">
  72.                                                 <p class="title is-6">{{ geraet.name }}</p>
  73.                                                 <span>Auswählen</span>
  74.                                             </div>
  75.                                         </div>
  76.                                     </div>
  77.                                 </a>
  78.                             </div>
  79.                         {% endfor %}
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </section>
  86. {% endblock %}