templates/login/index.html.twig line 1

  1. {# templates/login/index.html.twig #}
  2. {% extends 'base.html.twig' %}
  4. {% block body %}
  6. <div class="container sm:px-10">
  7.     <div class="block xl:grid grid-cols-2 gap-4">
  8.         <!-- BEGIN: Login Info -->
  9.         <div class="hidden xl:flex flex-col min-h-screen">
  10.             <a href="/" class="-intro-x flex items-center pt-5">
  11.                 {# <img id="logo" alt="/" class="w-32" src="{% if app.session.get('logo') %}/customerdata/{{ app.session.get('logo') }}{% else %}/images/logo-msu-farbig.svg{% endif %}"> #}
  12.                 <span class="text-white text-lg"><span class="{% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-10">{{ texte["login-10"] }}</span></span>
  13.             </a>
  14.             <div class="my-auto">
  15.                 <div class="-intro-x text-white font-medium text-3xl leading-tight {% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-0">
  16.                     {{ texte["login-0"]|raw }}
  17.                 </div>
  18.                 <div class="-intro-x mt-5 text-white text-opacity-70 dark:text-slate-400">
  19.                     <div class="text-lg">
  20.                         <span class="{% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-1">{{ texte["login-1"]|raw }}</span>
  21.                         <br>
  22.                         <br>
  23.                         <span class="{% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-2">
  24.                             {{ texte["login-2"]|raw }}
  25.                         </span>
  26.                     </div>
  27.                     <div class="mt-5">
  28.                         {% if "login-3" in texte|keys and texte["login-3"] is not empty %}
  29.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-3">{{ texte["login-3"]|raw }}</span></p>
  30.                         {% endif %}
  32.                         {% if "login-4" in texte|keys and texte["login-4"] is not empty %}
  33.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-4">{{ texte["login-4"]|raw }}</span></p>
  34.                         {% endif %}
  36.                         {% if "login-5" in texte|keys and texte["login-5"] is not empty %}
  37.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-5">{{ texte["login-5"]|raw }}</span></p>
  38.                         {% endif %}
  40.                         {% if "login-6" in texte|keys and texte["login-6"] is not empty %}
  41.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-6">{{ texte["login-6"]|raw }}</span></p>
  42.                         {% endif %}
  44.                         {% if "login-7" in texte|keys and texte["login-7"] is not empty %}
  45.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-7">{{ texte["login-7"]|raw }}</span></p>
  46.                         {% endif %}
  48.                         {% if "login-8" in texte|keys and texte["login-8"] is not empty %}
  49.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-8">{{ texte["login-8"]|raw }}</span></p>
  50.                         {% endif %}
  52.                         {% if "login-9" in texte|keys and texte["login-9"] is not empty %}
  53.                             <p class="flex items-center py-1 rounded-md"> <i class="w-4 h-4 mr-2" data-lucide="star"></i> <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-9">{{ texte["login-9"]|raw }}</span></p>
  54.                         {% endif %}
  55.                     </div>
  57.                     <div class="flex justify-left mt-20">
  58.                         {% if is_granted('ROLE_ADMIN') %}
  59.                             <div class="flex items-center ml-5">
  60.                                 <a href="/dashboard" class="flex items-center py-2 mt-2 rounded-md"> Backend </a>
  61.                             </div>
  62.                         {% endif %}
  63.                     </div>
  65.                 </div>
  67.             </div>
  68.         </div>
  69.         <!-- END: Login Info -->
  71.         <!-- BEGIN: Login Form -->
  72.         <div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
  73.             <div class="my-auto mx-auto xl:ml-20 bg-white dark:bg-darkmode-600 xl:bg-transparent px-5 sm:px-8 py-8 xl:p-0 rounded-md shadow-md xl:shadow-none w-full sm:w-3/4 lg:w-2/4 xl:w-auto">
  75.                 <img id="logo" alt="/" class="w-32" src="{% if app.session.get('logo') %}/customerdata/{{ app.session.get('logo') }}{% else %}/images/logo-msu-farbig.svg{% endif %}">
  77.                 <input type="hidden" name="target_action" value="{% if target_action is defined and target_action is not empty %}{{target_action}}{% endif %}">
  78.                 {% if portalvariante is defined and portalvariante == 'zaehlerstand' %}
  79.                     <button id="btn_zaehlerstand_melden" class="btn btn-dark-soft py-3 px-4 w-full xl:w-auto xl:mr-3 align-top" data-tw-toggle="modal" data-tw-target="#zaehlerstand-melden"
  80.                     {% if zaehlerstand_online is defined and not zaehlerstand_online == true %} disabled {% endif %}
  81.                     >Zählerstand melden
  82.                     {% if zaehlerstand_online is defined and not zaehlerstand_online == true %} <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  83.                         <i style="width: 15px; height: 15px;" data-lucide="info"></i>    
  84.                     </a> {% endif %}
  85.                     </button>
  86.                 {% else %}
  87.                 <form action="{{ path('login') }}" method="post" id="anmeldeFormular" class="mt-5">
  88.                 <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  89.                     {% if wartungsarbeiten is defined and wartungsarbeiten is not empty %}
  90.                         Es finden aktuell Wartungsarbeiten statt, so dass Sie sich nicht anmelden können.
  91.                         <input type="hidden" id="wartungsarbeiten" value="yes">
  92.                     {% elseif online is defined and online == false %}
  93.                         Das Portal ist aktuell offline.
  94.                         <input type="hidden" id="offline" value="yes">
  95.                     {% else %}
  96.                         <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-11">Loggen Sie sich jetzt ein.</span>
  97.                     {% endif %}
  98.                 </h2>
  99.                     <p class="mt-5 font-normal">
  100.                         Bitte geben Sie hier Ihre Daten ein. Wenn Sie noch kein Kundenkonto bei uns haben, können Sie sich hier registrieren.
  101.                     </p>
  103.                 {% if error %}
  104.                     <br>
  105.                     <div class="alert alert-danger show flex items-center mb-2" role="alert">
  106.                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" icon-name="alert-octagon" data-lucide="alert-octagon" class="lucide lucide-alert-octagon w-6 h-6 mr-2"><polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2"></polygon><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg> {{ error.messageKey|trans(error.messageData, 'security') }}
  107.                     </div>
  109.                 {% endif %}
  111.                 <div class="intro-x mt-2 text-slate-400 xl:hidden text-center"> </div>
  112.                 <div class="intro-x mt-8">
  113.                     <input type="text" class="intro-x login__input form-control py-3 px-4 block" id="username" name="_username" placeholder="E-Mail Adresse" value="{% if app.session.get("emailtwofa") %}{{ app.session.get("emailtwofa") }}{% endif %}">
  114.                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  115.                     <input type="password" id="password" name="_password" class="intro-x login__input form-control py-3 px-4 block mt-4" placeholder="Passwort" value="{% if app.session.get("pwtwofa") %}{{ app.session.get("pwtwofa") }}{% endif %}">
  116.                     <input type="hidden" id="origin_route" name="origin_route" value="user">
  117.                     {% if app.request.get('twofa') %}
  118.                         <input type="text" id="code" name="code" class="intro-x login__input form-control py-3 px-4 block mt-4" placeholder="Code" value="">
  119.                     {% endif %}
  120.                 </div>
  121.                 <div class="intro-x flex text-slate-600 dark:text-slate-500 text-xs sm:text-sm mt-4">
  122.                     <a href="/passwort-vergessen/">Passwort vergessen?</a>
  123.                 </div>
  124.                 <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  125.                     <input type="hidden" id="twofa" value="{% if twofa is defined and twofa is not empty %} {{twofa}} {% endif %}">
  126.                     <button class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top" id="anmelden">Anmelden</button>
  127.                 </div>
  128.                 </form>
  130.                 {% if wartungsarbeiten is not defined or wartungsarbeiten is empty %}
  132.                 <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  133.                     <button id="btn_zugang_beantragen" class="btn btn-dark-soft py-3 px-4 w-full xl:w-auto xl:mr-3 align-top" data-tw-toggle="modal" data-tw-target="#zugang-beantragen">Zugang beantragen</button>
  134.                     <button id="btn_zaehlerstand_melden" class="btn btn-dark-soft py-3 px-4 w-full xl:w-auto xl:mr-3 align-top" data-tw-toggle="modal" data-tw-target="#zaehlerstand-melden"
  135.                         {% if zaehlerstand_online is defined and not zaehlerstand_online == true %} disabled title="Die Zählerstandsmeldung ist aktuell nicht verfügbar." {% endif %}
  136.                     >Zählerstand melden
  137.                     {% if zaehlerstand_online is defined and not zaehlerstand_online == true %} <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  138.                         <i style="width: 15px; height: 15px;" data-lucide="info"></i>    
  139.                     </a> {% endif %}
  140.                     </button>
  142.                     {% if app.session.get('tarifrechner') %}
  143.                         <div class="btn btn-dark-soft py-3 px-4 w-full xl:w-auto xl:mr-3 align-tops"><a href="/tarifrechner/">Tarifrechner</a></div>
  144.                     {% endif %}
  146.                     <button class="btn btn-primary py-3 px-4 w-full xl:w-auto xl:mr-3 align-top" id="test" data-tw-toggle="modal" data-tw-target="#barrierefreiheit">Barrierefreiheit</button>
  147.                     <button class="hidden" id="druckenbutton" data-tw-toggle="modal" data-tw-target="#drucken">drucken</button>
  148.                     <button class="hidden" id="twofabutton" data-tw-toggle="modal" data-tw-target="#twofapopup">drucken</button>
  149.                 </div>
  151.                 {% endif %}
  154.                 {% if info is defined %}
  155.                     <div class="alert alert-secondary show flex items-center mb-2 mt-2" role="alert">
  156.                         <i data-lucide="mail" class="w-6 h-6 mr-2"></i> {{ info }}
  157.                     </div>
  158.                 {% endif %}
  159.             {% endif %}
  161.             <div class="intro-x mt-10 xl:mt-24 text-slate-600 dark:text-slate-500 text-center xl:text-left">
  162.                 <a href="{% if barrierefreiheit is defined and barrierefreiheit is not empty %} {{barrierefreiheit}} {% endif %}" class="text-primary dark:text-slate-200 mr-5"> Barrierefreiheit </a>
  163.                 <a href="{% if datenschutz is defined and datenschutz is not empty %} {{datenschutz}} {% endif %}" class="text-primary dark:text-slate-200 mr-5"> Datenschutz </a>
  164.                 <a href="{% if impressum is defined and impressum is not empty %} {{impressum}} {% endif %}" class="text-primary dark:text-slate-200"> Impressum </a>
  165.             </div>
  166.         </div>
  167.         <!-- END: Login Form -->
  168.     </div>
  169. </div>
  171. <!-- BEGIN: Modal Content Zugang beantragen bearbeiten -->
  172. <div id="zugang-beantragen" class="modal z-10" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  173.     <div class="modal-dialog modal-xl">
  174.         <div class="modal-content" id="form-validation">
  175.             <form action="/zugangbeantragen/" method="post" id="loginForm">
  176.                 <!-- BEGIN: Modal Header -->
  177.                 <div class="modal-header">
  178.                     <h2 class="font-medium text-base mr-auto">Zugang beantragen</h2>
  179.                     <a data-tw-dismiss="modal" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  180.                 </div> <!-- END: Modal Header -->
  181.                 <div class="modal-body p-10">
  182.                     {% if authmethode is defined and authmethode == 'internal' %}
  183.                     <div class="input-form">
  184.                         <label for="validation-form-1" class="form-label">Rahmenvertragsnummer* </label>
  185.                         <input id="customerid"  type="text" class="form-control" name="kundennummer" placeholder="123456" required>
  186.                     </div>
  187.                     {% else %}
  188.                     <div class="input-form">
  189.                         <label for="validation-form-1" class="form-label">Geschäftspartnernummer* </label>
  190.                         <input id="customerid"  type="text" class="form-control" name="kundennummer" placeholder="GP1234" required>
  191.                     </div>
  192.                     {% endif %}
  194.                     <div class="input-form mt-3">
  195.                         <label for="horizontal-form-1" class="form-label">Zählernummer*</label>
  196.                         <input id="meterno" type="text" class="form-control" name="leistungsobjektnummer" placeholder="123456" required>
  197.                     </div>
  198.                     <div class="input-form mt-3">
  199.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse*</label>
  200.                         <input id="email" type="email" name="email" class="form-control" placeholder="test@test.de" required>
  201.                     </div>
  202.                     <div class="input-form mt-3">
  203.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse zur Überprüfung erneut eingeben* </label>
  204.                         <input id="emailnochmal" type="email" name="emailnochmal" class="form-control" placeholder="test@test.de" required>
  205.                     </div>
  206.                     <div class="input-form mt-3">
  207.                         <label for="horizontal-form-2" class="form-label">Passwort</label>
  208.                         <input id="passwortupdate" type="password" name="passwort" class="form-control" placeholder="****" required autocomplete="off">
  209.                     </div>
  210.                     <div class="input-form mt-3">
  211.                         <label for="horizontal-form-2" class="form-label">Passwort bestätigen</label>
  212.                         <input id="passwortupdaterepeat" type="password" name="passwort-repeat" class="form-control" placeholder="****" required autocomplete="off">
  213.                     </div>
  214.                     {#
  215.                     <div class="input-form mt-3">
  216.                         <label for="horizontal-form-2" class="form-label">Zustellart* (An dieser Stelle können Sie sich dafür entscheiden, wie Sie zukünftig Ihre Rechnung erhalten möchten.)</label>
  218.                         {% if zustellarten is defined and zustellarten is not empty %}
  219.                             <select class="form-select mt-2 sm:mr-2" aria-label="" name="zustellart" id="zustellart">
  220.                                 <option value="">Bitte auswählen</option>
  221.                                     {% for key,value in zustellarten %}
  222.                                         <option value="{{ value }}">{{ value }}</option>
  223.                                     {% endfor %}
  224.                             </select>
  225.                         {% endif %}
  226.                     </div>
  227.                     #}
  229.                     <div class="input-form mt-5 border-t pt-5">
  230.                         <div class="form-check form-switch">
  231.                             <input id="datenschutz" class="form-check-input" type="checkbox" required name="datenschutz">
  232.                             <label class="form-check-label" for="datenschutz">Ja, ich habe die <a target="_blank" href="{% if datenschutz is defined and datenschutz is not empty %} {{datenschutz}} {% endif %}">Datenschutzerklärung</a> zur Kenntnis genommen und akzeptiere diese.</label>
  233.                         </div>
  234.                     </div>
  236.                     {% if app.session.get('textzugangbeantragen') %}
  237.                         <div class="input-form mt-3">
  238.                             <div class="form-check form-switch">
  239.                                 <input id="kundenportal" class="form-check-input" type="checkbox" name="kundenportal">
  240.                                 <label class="form-check-label" for="kundenportal">Ja, ich möchte zukünftig meine Dokumente nur über das Kundenportal abrufen.</label>
  241.                             </div>
  242.                         </div>
  243.                         <div class="input-form mt-3">
  244.                             <div class="form-check form-switch">
  245.                                 <input id="informationen" class="form-check-input" type="checkbox" name="informationen">
  246.                                 <label class="form-check-label" for="informationen">Ja, ich möchte weitere Informationen zu neuen Produkten erhalten.</label>
  247.                             </div>
  248.                         </div>
  249.                     {% endif %}
  250.                 </div>
  251.                 <div class="modal-footer text-center">
  252.                     <a data-tw-dismiss="modal" href="javascript:;">
  253.                         <span class="btn btn-secondary abbrechen" id="abbrechen">Abbrechen</span>
  254.                     </a>
  255.                     <input type="submit" class="btn btn-primary" value="Zugang beantragen" id="zugangbeantragen">
  256.                 </div>
  257.             </form>
  258.         </div>
  259.     </div>
  260. </div> <!-- END: Modal Content -->
  262.     <!-- BEGIN: Modal Content Zählerstand melden bearbeiten -->
  263. <div id="zaehlerstand-melden" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  264.     <div class="modal-dialog modal-xl">
  265.         <div class="modal-content" id="form-validation">
  266.             <form action="/zaehlerstanderfassen/" method="post" id="zaehlerstandMeldenForm">
  268.                 <div class="intro-y box p-5">
  269.                     <!-- BEGIN: Modal Header -->
  270.                     <div class="modal-header">
  271.                         <h2 class="font-medium text-base mr-auto">Zählerstand melden</h2>
  272.                         <a data-tw-dismiss="modal" href="javascript:;" class="zaehlerstandmeldenschliessen"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  273.                     </div> <!-- END: Modal Header -->
  274.                     <p class="p-5">Hier können Sie die Zählerstände eines Rahmenvertrages melden. Wenn Sie zu einem Zähler keinen Stand melden wollen, lassen Sie das Feld neuer Zählerstand bitte leer.</p>
  276.                     <div class="modal-header"><h2 class="font-medium text-base mr-auto">Anmeldung</h2></div>
  278.                     <div class="grid grid-cols-12 gap-6 p-5">
  279.                         <div class="col-span-12 lg:col-span-6">
  280.                             <div class="">
  281.                                 <label for="" class="form-label">Rahmenvertragsnummer <span class="red"> *</span></label>
  282.                                 <input id="customeridz"  type="text" class="form-control" name="kundennummer" required value="{% if app.session.get('rahmenvertrag') %}{{ app.session.get('rahmenvertrag')}}{% endif %}">
  283.                                 <input id="showFormularAuto" type="hidden" value="{% if app.request.get('rahmenvertrag') %}1{% else %}2{% endif %}">
  284.                                 <input id="hiddenrv" type="hidden" value="{{ app.session.get('rahmenvertrag')}}">
  285.                                 <input id="hiddenznr" type="hidden" value="{{ app.session.get('zaehlernr')}}">
  286.                             </div>
  287.                         </div>
  288.                         <div class="col-span-12 lg:col-span-6">
  289.                             <div class="input-form">
  290.                                 <label for="" class="form-label">Zählernummer<span class="red"> *</span></label>
  291.                                 <input id="leistungsobjektnummerz" type="text" class="form-control" name="leistungsobjektnummer" required value="{% if app.session.get('zaehlernr') %}{{ app.session.get('zaehlernr')}}{% endif %}">
  292.                                 <input id="contractnoz" type="hidden" class="form-control" name="AccountingContractNo" placeholder="">
  293.                                 <input id="ZS_METERREGIDX" type="hidden" class="form-control" name="ZS_METERREGIDX" placeholder="">
  294.                                 <input id="minToleranz" type="hidden" class="form-control" name="minToleranz" placeholder="">
  295.                                 <input id="maxToleranz" type="hidden" class="form-control" name="maxToleranz" placeholder="">
  296.                             </div>
  297.                         </div>
  298.                     </div>
  299.                 </div>
  301.                 <div class="hidden" id="mehrerevertraege">
  303.                 </div>
  305.                 <div class="input-form mt-5 hidden" id="hiddenKontakt">
  306.                     <span class="font-bold mt-3">Optionale Kontaktdaten</span>
  307.                     <br>
  308.                     <span class="mt-5">Wenn Sie Ihre E-Mail-Adresse eingeben, dann erhalten Sie eine Bestätigung der Zählerstandsmeldung an Ihre E-Mail.
  309.                         Ihre Kontaktdaten werden für mögliche Nachfragen an uns übermittelt. Sie müssen diese nicht eingeben.</span>
  310.                     <br>
  311.                     <label for="horizontal-form-2" class="form-label mt-5">E-Mail-Adresse</label>
  312.                     <input type="email" name="emailkontakt" id="emailkontakt" class="form-control" placeholder="" autocomplete="off">
  313.                     <label for="horizontal-form-2" class="form-label mt-5">Telefonnummer</label>
  314.                     <input type="text" name="telefonkontakt" class="form-control" placeholder="" autocomplete="off">
  315.                 </div>
  316.                 <div class="modal-footer text-center">
  317.                     <a data-tw-dismiss="modal" href="javascript:;">
  318.                         <span class="btn btn-secondary abbrechen zaehlerstandmeldenschliessen" id="abbrechen">Abbrechen</span>
  319.                     </a>
  320.                     <input type="submit" class="btn btn-primary" value="Daten prüfen" id="zaehlerstandmelden">
  321.                 </div>
  322.             </form>
  323.         </div>
  324.     </div>
  325. </div> <!-- END: Modal Content -->
  327.     {% if app.request.get('drucken') == 1 %}
  328.         <div id="drucken" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  329.             <div class="modal-dialog modal-lg">
  330.                 <div class="modal-content" id="form-validation">
  331.                     <div class="modal-header">
  332.                         <h2 class="font-medium text-base mr-auto">Zählerstand drucken  </h2>
  333.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  334.                     </div> <!-- END: Modal Header -->
  335.                     <div class="modal-body p-5">
  336.                         <div id="druckenElemente">
  337.                             <div class="input-form">
  338.                                 <h2 class="font-medium text-base mr-auto">Zählerstand gemeldet</h2>
  339.                             </div>
  341.                             <div class="input-form mt-3">
  342.                                 {{ app.session.get('druckentext')|raw }}
  343.                             </div>
  344.                             {#
  345.                             {% for key,value in app.session.get('zaehler') %}
  346.                                     {% if app.session.get('staende')[key] is not empty %}
  347.                                         <div class="input-form mt-3">
  348.                                             <label for="horizontal-form-1" class="form-label">Zähler: {{ value }}</label>
  349.                                         </div>
  350.                                         <div class="input-form mt-1">
  351.                                             <label for="horizontal-form-1" class="form-label">Ablesedatum: {{ app.session.get('ablesedatum')[key]|date("d.m.Y") }}</label>
  352.                                         </div>
  353.                                         <div class="input-form mt-1">
  354.                                             <label for="horizontal-form-1" class="form-label">Neuer Zählerstand: {{ app.session.get('staende')[key]|replace({",":"."})|number_format(2,",",".") }}</label>
  355.                                         </div>
  356.                                     {% endif %}
  357.                             {% endfor %}
  359.                             #}
  361.                             <div class="input-form mt-3">
  362.                                 <label for="horizontal-form-1" class="form-label">gemeldet am: {{ "now"|date("d.m.Y") }} um {{ "now"|date_modify("+2 hours ")|date("H:i") }} Uhr</label>
  363.                             </div>
  364.                         </div>
  365.                         <div class="input-form mt-5">
  366.                             <input type="button" id="druckenDialog" class="btn btn-primary" value="Drucken">
  367.                         </div>
  368.                     </div>
  369.                 </div>
  370.             </div>
  371.         </div>
  372.     {% endif %}
  374.     {% if twofa is defined and app.request.get('twofa') is empty %}
  375.         <div id="twofapopup" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  376.             <div class="modal-dialog modal-lg">
  377.                 <div class="modal-content" id="form-validation">
  378.                     <div class="modal-header">
  379.                         <h2 class="font-medium text-base mr-auto">Information zur 2FA </h2>
  380.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  381.                     </div> <!-- END: Modal Header -->
  382.                     <div class="modal-body p-10">
  383.                         <form action="/login/twofa/" method="post" id="login2faformular">
  384.                             <div class="input-form mt-3">
  385.                                 <label for="horizontal-form-1" class="form-label">Wir haben Ihnen einen Logincode per E-Mail zugesendet.</label>
  386.                             </div>
  387.                             <div class="input-form mt-5">
  388.                                 <input type="hidden" id="emailtwofa" name="emailtwofa" class="btn btn-primary" value="">
  389.                                 <input type="hidden" id="pwtwofa" name="pwtwofa" class="btn btn-primary" value="">
  390.                                 <input type="submit" class="btn btn-primary" value="Absenden">
  391.                             </div>
  392.                         </form>
  393.                     </div>
  394.                 </div>
  395.             </div>
  396.         </div>
  397.     {% endif %}
  399. {% endblock %}
  402. {% block scripts %}
  403.     <script src="{{ asset('/js/printthis/printThis.js')}}"></script>
  404.     <script src="{{ asset('/js/login.js')}}"></script>
  405. {% endblock %}