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.                 <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>
  12.             </a>
  13.             <div class="my-auto">
  14.                 {% include 'global/logos-login-links.html.twig' %}
  15.                 
  16.                 <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">
  17.                     {{ texte["login-0"]|raw }}
  18.                 </div>
  19.                 <div class="-intro-x mt-5 text-white text-opacity-70 dark:text-slate-400">
  20.                     <div class="text-lg">
  21.                         <span class="{% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-1">{{ texte["login-1"]|raw }}</span>
  22.                         <br>
  23.                         <br>
  24.                         <span class="{% if is_granted('ROLE_ADMIN') %} customText {% else %} loadText {% endif %}" data-key="login-2">
  25.                             {{ texte["login-2"]|raw }}
  26.                         </span>
  27.                     </div>
  28.                     <div class="mt-5">
  29.                         {% if "login-3" in texte|keys and texte["login-3"] is not empty %}
  30.                             <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>
  31.                         {% endif %}
  33.                         {% if "login-4" in texte|keys and texte["login-4"] is not empty %}
  34.                             <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>
  35.                         {% endif %}
  37.                         {% if "login-5" in texte|keys and texte["login-5"] is not empty %}
  38.                             <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>
  39.                         {% endif %}
  41.                         {% if "login-6" in texte|keys and texte["login-6"] is not empty %}
  42.                             <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>
  43.                         {% endif %}
  45.                         {% if "login-7" in texte|keys and texte["login-7"] is not empty %}
  46.                             <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>
  47.                         {% endif %}
  49.                         {% if "login-8" in texte|keys and texte["login-8"] is not empty %}
  50.                             <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>
  51.                         {% endif %}
  53.                         {% if "login-9" in texte|keys and texte["login-9"] is not empty %}
  54.                             <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>
  55.                         {% endif %}
  56.                     </div>
  58.                     <div class="flex justify-left mt-20">
  59.                         {% set linkImpressum    = "https://msu-solutions.de/impressum/" %}
  60.                         {% set linkDatenschutz  = "https://msu-solutions.de/datenschutz/" %}
  62.                         {% if app.session.get('impressum') is defined and app.session.get('impressum') is not empty %}
  63.                                 {% set linkImpressum = app.session.get('impressum') %}
  64.                         {% endif %}
  66.                         {% if app.session.get('datenschutz') is defined and app.session.get('datenschutz') is not empty %}
  67.                                 {% set linkDatenschutz = app.session.get('datenschutz') %}
  68.                         {% endif %}
  70.                         <input type="hidden" id="impressumLink" class="hidden" value="{{ linkImpressum }}">
  71.                         <input type="hidden" id="datenschutzLink" class="hidden" value="{{ linkDatenschutz }}">
  73.                         {% if app.session.get('barrierefreiheitanzeigen') %}
  74.                             <div class="flex items-center mr-5">
  75.                                 <a href="{% if barrierefreiheit is defined and barrierefreiheit is not empty %} {{barrierefreiheit}} {% endif %}" class="flex items-center py-2 mt-2 rounded-md" target="_blank"> Barrierefreiheit </a>
  76.                             </div>
  77.                         {% endif %}
  79.                         <div class="flex items-center mr-5">
  80.                             <a href="{{ datenschutz }}" class="flex items-center py-2 mt-2 rounded-md" target="_blank"> Datenschutz </a>
  81.                         </div>
  82.                         <div class="flex items-center mr-5">
  83.                             <a href="{{ impressum }}" class="flex items-center py-2 mt-2 rounded-md" target="_blank"> Impressum </a>
  84.                         </div>
  86.                         {% if satzung is defined and satzung is not empty %}
  87.                             <div class="flex items-center mr-5">
  88.                                 <a href="{% if satzung is defined and satzung is not empty %} {{satzung}} {% endif %}" class="flex items-center py-2 mt-2 rounded-md" target="_blank">Aktuelle Satzung</a>
  89.                             </div>
  90.                         {% endif %}
  92.                         {% if is_granted('ROLE_ADMIN') %}
  93.                             <div class="flex items-center ml-5">
  94.                                 <a href="/dashboard" class="flex items-center py-2 mt-2 rounded-md"> Backend </a>
  95.                             </div>
  96.                         {% endif %}
  97.                     </div>
  98.                 </div>
  99.                 
  100.             </div>
  101.         </div>
  102.         <!-- END: Login Info -->
  103.         <!-- BEGIN: Login Form -->
  104.         <div class="flex content-container">
  105.             <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">
  106.                 {% set zaehlerstandAktiv = true %}
  108.                 {% if zaehlerstandAktivStart is defined and zaehlerstandAktivStart is not empty and zaehlerstandAktivEnde is defined and zaehlerstandAktivEnde is not empty and zaehlerstandAktivText is defined and zaehlerstandAktivText is not empty %}
  109.                     {% if zaehlerstandAktivStart|date('U') <= "now"|date("d.m.Y")|date('U') and zaehlerstandAktivEnde|date('U') >= "now"|date("d.m.Y")|date('U') %}
  110.                         {% set zaehlerstandAktiv = true %}
  111.                     {% else %}
  112.                         {% set zaehlerstandAktiv = false %}
  113.                     {% endif %}
  114.                 {% endif %}
  116.                 {% include 'global/logos-login-rechts.html.twig' %}
  118.                 <button class="hidden" id="druckenbutton" data-tw-toggle="modal" data-tw-target="#drucken">drucken</button>
  119.                 <button class="hidden" id="twofabutton" data-tw-toggle="modal" data-tw-target="#twofapopup">drucken</button>
  121.                 {% if portalvariante is defined and portalvariante == 'zaehlerstand' %}
  122.                     {% if app.session.get('zaehlerstandmelden_abgemeldet') %}
  123.                         <input type="hidden" name="target_action" value="{% if target_action is defined and target_action is not empty %}{{target_action}}{% endif %}">
  125.                         {% if zaehlerstandAktiv == false %}
  126.                             <p class="py-5"><span>{{ zaehlerstandAktivText }}</span></p>
  127.                         {% endif %}
  129.                         <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"
  130.                         {% if zaehlerstandAktiv == false or webservice == false %} disabled {% endif %}>Zählerstand melden
  132.                         {% if zaehlerstandAktiv == false or webservice == false %} <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  133.                             <i style="width: 15px; height: 15px;" data-lucide="info"></i>    
  134.                         </a> {% endif %}
  135.                         </button>
  136.                     {% endif %}
  137.                 {% else %}
  139.                     <form action="{{ path('login') }}" method="post" id="anmeldeFormular" class="mt-5">
  140.                         <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  141.                             {% if wartungsarbeiten is defined and wartungsarbeiten is not empty %}
  142.                                 Es finden aktuell Wartungsarbeiten statt, so dass Sie sich nicht anmelden können.
  143.                                 <input type="hidden" id="wartungsarbeiten" value="yes">
  144.                             {% elseif online is defined and online == false or webservice == false %}
  145.                                 Das Portal ist aktuell offline.
  146.                                 <input type="hidden" id="offline" value="yes">
  147.                             {% else %}
  148.                                 <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-11">Loggen Sie sich jetzt ein.</span>
  149.                             {% endif %}
  150.                         </h2>
  151.                         
  152.                         <p class="intro-x mt-5 font-normal">
  153.                             Bitte geben Sie hier Ihre Daten ein. Wenn Sie noch kein Kundenkonto bei uns haben, können Sie sich hier registrieren.
  154.                         </p>
  156.                         {% if error %}
  157.                             <br>
  158.                             <div class="alert alert-danger show flex items-center mb-2" role="alert">
  159.                                 <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') }}
  160.                             </div>
  161.                         {% endif %}
  162.                         
  163.                         <div class="intro-x mt-8">
  164.                             <input type="text" class="intro-x login__input form-control py-3 px-4 block" id="username" name="_username" placeholder="E-Mail Adresse" value="{{ app.session.get('emailtwofa') }}{{ email }}">
  165.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  166.                             <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("passwordtwofa") %}{{ app.session.get("passwordtwofa") }}{% endif %}">
  168.                             <input type="text" id="code" name="code" class="intro-x login__input form-control py-3 px-4 block mt-4 {% if app.request.get('webid') %}{% else %}hidden{% endif %}" placeholder="Web-ID" value="{{ app.request.get('webid') }}" data-webid="{{ app.request.get('webid') }}">
  170.                             {% if app.request.get('twofa') %}
  171.                                 <input type="text" id="twofacode" name="twofacode" class="intro-x login__input form-control py-3 px-4 block mt-4" placeholder="Code" value="">
  172.                             {% endif %}
  173.                         </div>
  174.                         {% if wartungsarbeiten is defined and (wartungsarbeiten == 0 or online == false or webservice == false) %}
  175.                             <div class="intro-x flex text-slate-600 dark:text-slate-500 text-xs sm:text-sm mt-4">
  176.                                 <a href="/passwort-vergessen/">Passwort vergessen?</a>
  177.                             </div>
  178.                         {% endif %}
  179.                         <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  180.                             <input type="hidden" id="twofa" value="{{ twofa }}">
  181.                             <button class="btn btn-primary py-3 px-4 w-60 align-top" id="anmelden">Anmelden</button>
  182.                         </div>
  183.                     </form>
  185.                     {% if wartungsarbeiten is defined and (wartungsarbeiten == 0 or online == false or webservice == false) %}
  187.                         <div class="btn-grid intro-x mt-5 xl:mt-8 text-center xl:text-left">
  188.                             <button class="btn btn-dark-soft py-3 px-4 align-top w-60" data-tw-toggle="modal" data-tw-target="#zugang-beantragen" {% if online == false or webservice == false %} disabled title="Die Zugangsbeantragung ist aktuell nicht verfügbar." {% endif %}>
  189.                                 Zugang beantragen
  190.                                 {% if online == false or webservice == false %}
  191.                                     <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  192.                                         <i style="width: 15px; height: 15px;" data-lucide="info"></i>    
  193.                                     </a>
  194.                                 {% endif %}
  195.                             </button>
  196.                             
  197.                             {% if app.session.get('zaehlerstandmelden_abgemeldet') %}
  198.                                 <button id="btn_zaehlerstand_melden" class="btn btn-dark-soft py-3 px-4 align-top w-60" data-tw-toggle="modal" data-tw-target="#zaehlerstand-melden" {% if zaehlerstand_online is defined and not zaehlerstand_online == true or online == false or  webservice == false %} disabled title="Die Zählerstandsmeldung ist aktuell nicht verfügbar." {% endif %}>
  199.                                     Zählerstand melden
  200.                                     {% if zaehlerstand_online is defined and not zaehlerstand_online == true or online == false or webservice == false %}
  201.                                         <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  202.                                             <i style="width: 15px; height: 15px;" data-lucide="info"></i>    
  203.                                         </a>
  204.                                     {% endif %}
  205.                                 </button>
  206.                             {% endif %}
  207.                             
  208.                             <button class="btn btn-primary py-3 px-4 align-top w-60 mt-1" id="test" data-tw-toggle="modal" data-tw-target="#barrierefreiheit">Barrierefreiheit</button>
  209.                         </div>
  211.                     {% endif %}
  213.                     {% if info is defined %}
  214.                         <div class="alert alert-secondary show flex items-center mb-2 mt-2" role="alert">
  215.                             <i data-lucide="mail" class="w-6 h-6 mr-2"></i> {{ info }}
  216.                         </div>
  217.                     {% endif %}
  219.                     {% include 'global/logos-login-footer.html.twig' %}
  220.                     
  221.                     <div class="xl:hidden">
  222.                         {% include 'global/footerlinks-login.html.twig' %}
  223.                     </div>
  224.                 {% endif %}
  225.             </div>
  226.         </div>
  227.         <!-- END: Login Form -->
  228.     </div>
  229. </div>
  231. <!-- BEGIN: Modal Content Zugang beantragen bearbeiten -->
  232. <div id="zugang-beantragen" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  233.     <div class="modal-dialog modal-xl">
  234.         <div class="modal-content" id="form-validation">
  235.             <form action="/zugangbeantragen/" method="post" id="loginForm">
  236.                 <!-- BEGIN: Modal Header -->
  237.                 <div class="modal-header">
  238.                     <h2 class="font-medium text-base mr-auto">Zugang beantragen</h2>
  239.                     <a data-tw-dismiss="modal" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  240.                 </div> <!-- END: Modal Header -->
  241.                 <div class="modal-body p-10">
  243.                     <div class="input-form">
  244.                         <label for="validation-form-1" class="form-label">Kundennummer* </label>
  245.                         <input id="customerid"  type="text" class="form-control" name="kundennummer" placeholder="" required>
  246.                     </div>
  248.                     {% if auth.metavalue == "internal" %}
  249.                         <div class="input-form mt-3">
  250.                             <label for="horizontal-form-1" class="form-label">Zählernummer*</label>
  251.                             <input id="meterno" type="text" class="form-control" name="zaehlernr" placeholder="" required>
  252.                         </div>
  253.                     {% else %}
  254.                         <div class="input-form mt-3">
  255.                             <label for="horizontal-form-1" class="form-label">Leistungsobjektnummer*</label>
  256.                             <input id="meterno" type="text" class="form-control" name="leistungsobjektnummer" placeholder="" required>
  257.                         </div>
  258.                     {% endif %}
  259.                     <div class="input-form mt-3">
  260.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse*</label>
  261.                         <input id="email" type="email" name="email" class="form-control" placeholder="test@test.de" required>
  262.                     </div>
  263.                     <div class="input-form mt-3">
  264.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse zur Überprüfung erneut eingeben* </label>
  265.                         <input id="emailnochmal" type="email" name="emailnochmal" class="form-control" placeholder="test@test.de" required>
  266.                     </div>
  267.                     <div class="input-form mt-3">
  268.                         <label for="horizontal-form-2" class="form-label">Passwort</label>
  269.                         <input id="passwortupdate" type="password" name="passwort" class="form-control" placeholder="****" required autocomplete="off">
  270.                     </div>
  271.                     <div class="input-form mt-3">
  272.                         <label for="horizontal-form-2" class="form-label">Passwort bestätigen</label>
  273.                         <input id="passwortupdaterepeat" type="password" name="passwort-repeat" class="form-control" placeholder="****" required autocomplete="off">
  274.                     </div>
  276.                     {% if output.metavalue == "on" %}
  277.                         <div class="input-form mt-3">
  278.                             <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>
  280.                             <select class="form-select mt-2 sm:mr-2" aria-label="" name="zustellart" id="zustellart">
  281.                                 <option value="">Bitte auswählen</option>
  282.                                 {% if abrufarten is iterable %}
  283.                                         {% for key,value in abrufarten %}
  284.                                             <option value="{{ value.Code }}">{{ value.Description }}</option>
  285.                                         {% endfor %}
  286.                                 {% else %}
  287.                                     {% for key,value in zustellarten %}
  288.                                         <option value="{{ value }}">{{ value }}</option>
  289.                                     {% endfor %}
  290.                                 {% endif %}
  291.                             </select>
  292.                         </div>
  293.                     {% endif %}
  295.                     <div class="input-form mt-5 border-t py-5">
  296.                         <label for="horizontal-form-2" class="form-label">Datenschutz*</label>
  297.                         <div class="form-check form-switch">
  298.                             <input id="datenschutz" class="form-check-input" type="checkbox" required>
  299.                             <label class="form-check-label" for="datenschutz">
  300.                             {% if datenschutzText is not empty %}
  301.                                 {{ datenschutzText|raw }}
  302.                             {% endif %}
  303.                             </label>
  304.                         </div>
  305.                     </div>
  307.                 </div>
  308.                 <div class="modal-footer text-center">
  309.                     <a data-tw-dismiss="modal" href="javascript:;">
  310.                         <span class="btn btn-secondary abbrechen" id="abbrechen">Abbrechen</span>
  311.                     </a>
  312.                     <input type="submit" class="btn btn-primary" value="Zugang beantragen" id="zugangbeantragen">
  313.                 </div>
  314.             </form>
  315.         </div>
  316.     </div>
  317. </div> <!-- END: Modal Content -->
  319.     <!-- BEGIN: Modal Content Zählerstand melden bearbeiten -->
  320. <div id="zaehlerstand-melden" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  321.     <div class="modal-dialog modal-xl">
  322.         <div class="modal-content" id="form-validation">
  323.             <form action="/zaehlerstanderfassen/" method="post" id="zaehlerstandMeldenForm" enctype="multipart/form-data">
  324.                 <div class="intro-y box p-5">
  325.                     <!-- BEGIN: Modal Header -->
  326.                     <div class="modal-header">
  327.                         <h2 class="font-medium text-base mr-auto">Zählerstand melden</h2>
  328.                         <a data-tw-dismiss="modal" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  329.                     </div>
  330.                     <!-- END: Modal Header -->
  332.                     {% if zaehlerstandAktiv == false %}
  333.                         <p class="p-5"><span>{{ zaehlerstandAktivText }}</span></p>
  334.                     {% else %}
  335.                         <p class="p-5">Hier können Sie Ihre Zählerstände melden. Wenn Sie zu einem Zähler keinen Stand melden wollen, lassen Sie das Feld neuer Zählerstand bitte leer.</p>
  337.                         <div class="modal-header"><h2 class="font-medium text-base mr-auto">Anmeldung</h2></div>
  338.                         
  339.                         <div class="grid grid-cols-12 gap-6 p-5">
  340.                             <div class="col-span-6">
  341.                                 <div class="input-form">
  342.                                     {% if authz.metavalue == "hashz" %}
  343.                                         <label for="validation-form-1" class="form-label">{{ app.session.get('texte')["bezeichn_kundennummer_AuthwithHash"]}}<span class="red"> *</span></label>
  344.                                         <input id="customeridz"  type="text" class="form-control" name="kundennummer" placeholder="123456" required>
  345.                                     {% else %}
  346.                                         <label for="validation-form-1" class="form-label">Kundennummer<span class="red"> *</span></label>
  347.                                         <input id="customeridz"  type="text" class="form-control" name="kundennummer" placeholder="123456" required>
  348.                                     {% endif %}
  349.                                     <input id="showFormularAuto" type="hidden" value="{% if app.request.get('rahmenvertrag') %}1{% else %}2{% endif %}">
  350.                                     <input id="hiddenrv" type="hidden" value="{{ app.session.get('rahmenvertrag')}}">
  351.                                     <input id="hiddenznr" type="hidden" value="{{ app.session.get('leistungsobjektnr')}}">
  352.                                     <input id="bezeichn_kundennummer_AuthwithHash" type="hidden" value="{{ app.session.get('texte')["bezeichn_kundennummer_AuthwithHash"]}}">
  353.                                 </div>
  354.                             </div>
  356.                             {% if authz.metavalue == "internalz" %}
  357.                                 <div class="col-span-6">
  358.                                     <div class="input-form">
  359.                                         <label for="horizontal-form-1" class="form-label">Zählernummer<span class="red"> *</span></label>
  360.                                         <input id="leistungsobjektnummerz" type="text" class="form-control" name="leistungsobjektnummer" placeholder="" required>
  361.                                         <input id="contractnoz" type="hidden" class="form-control" name="AccountingContractNo" placeholder="">
  362.                                         <!-- <input id="ZS_METERREGIDX" type="hidden" class="form-control" name="ZS_METERREGIDX" placeholder=""> -->
  363.                                     </div>
  364.                                 </div>
  365.                             {% else %}
  366.                                 <div class="col-span-6">
  367.                                     <div class="input-form">
  368.                                         <label for="horizontal-form-1" class="form-label">Leistungsobjektnummer<span class="red"> *</span></label>
  369.                                         <input id="leistungsobjektnummerz" type="text" class="form-control" name="leistungsobjektnummer" placeholder="" required>
  370.                                         <input id="contractnoz" type="hidden" class="form-control" name="AccountingContractNo" placeholder="">
  371.                                         <!-- <input id="ZS_METERREGIDX" type="hidden" class="form-control" name="ZS_METERREGIDX" placeholder=""> -->
  372.                                     </div>
  373.                                 </div>
  374.                             {% endif %}
  375.                         </div>
  376.                     {% endif %}
  377.                 </div>
  379.                 <div class="hidden" id="mehrerevertraege">
  381.                 </div>
  383.                 <div class="input-form mt-5 hidden" id="hiddenKontakt">
  384.                     <span class="font-bold mt-3">Optionale Kontaktdaten</span>
  385.                     <br>
  386.                     <span class="mt-5">Wenn Sie Ihre E-Mail-Adresse eingeben, dann erhalten Sie eine Bestätigung der Zählerstandsmeldung an Ihre E-Mail.
  387.                         Ihre Kontaktdaten werden für mögliche Nachfragen an uns übermittelt. Sie müssen diese nicht eingeben.</span>
  388.                     <br>
  389.                     <label for="horizontal-form-2" class="form-label mt-5">E-Mail-Adresse</label>
  390.                     <input type="email" name="emailkontakt2" id="emailkontakt2" class="form-control" placeholder="" autocomplete="off">
  391.                     <label for="horizontal-form-2" class="form-label mt-5">Telefonnummer</label>
  392.                     <input type="text" name="telefonkontakt2" class="form-control" placeholder="" autocomplete="off">
  393.                 </div>
  394.                 
  396.                 <div class="modal-footer text-center">
  397.                     <a data-tw-dismiss="modal" href="javascript:;">
  398.                         <span class="btn btn-secondary abbrechen" id="abbrechen">Abbrechen</span>
  399.                     </a>
  400.                     <input type="submit" class="btn btn-primary" value="Daten prüfen" id="zaehlerstandmelden" {% if zaehlerstandAktiv == false %}disabled="true"{% endif %}>
  401.                 </div>
  402.             </form>
  403.         </div>
  404.     </div>
  405. </div> <!-- END: Modal Content -->
  407.     {% if app.request.get('drucken') == 1 %}
  408.         <div id="drucken" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  409.             <div class="modal-dialog modal-lg">
  410.                 <div class="modal-content" id="form-validation">
  411.                     <div class="modal-header">
  412.                         <h2 class="font-medium text-base mr-auto">Zählerstand drucken  </h2>
  413.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  414.                     </div> <!-- END: Modal Header -->
  415.                     <div class="modal-body p-5">
  416.                         <div id="druckenElemente">
  417.                             <div class="input-form">
  418.                                 <h2 class="font-medium text-base mr-auto">Zählerstand gemeldet</h2>
  419.                             </div>
  420.                             {% for key,value in app.session.get('zaehler') %}
  422.                                 {% if app.session.get('staende')[key] is not empty %}
  423.                                     <div class="input-form mt-3">
  424.                                         <label for="horizontal-form-1" class="form-label">Zähler: {{ value }}</label>
  425.                                     </div>
  426.                                     <div class="input-form">
  427.                                         <label for="horizontal-form-1" class="form-label">Ablesedatum: {{ app.session.get('ablesedatum')[key]|date("d.m.Y") }}</label>
  428.                                     </div>
  429.                                     <div class="input-form">
  430.                                         <label for="horizontal-form-1" class="form-label">Neuer Zählerstand: {{ app.session.get('staende')[key]|number_format(2,",",".") }} {{ app.session.get('einheit')[key] }}</label>
  431.                                     </div>
  433.                                     {% if key in app.session.get('toleranzart')|keys %}
  434.                                         {% if app.session.get('toleranzart')[key] == "Anderer Grund" %}
  435.                                             <div class="input-form">
  436.                                                 <label for="horizontal-form-1" class="form-label">Grund: {{ app.session.get('toleranzarttext')[key] }}</label>
  437.                                             </div>
  438.                                             {% elseif app.session.get('toleranzart')[key] is not empty %}
  439.                                                 <div class="input-form">
  440.                                                     <label for="horizontal-form-1" class="form-label">Grund: {{ app.session.get('toleranzart')[key] }}</label>
  441.                                                 </div>
  442.                                         {% endif %}
  443.                                     {% endif %}
  445.                                     {% if value in app.session.get('fotos')|keys %}
  446.                                         <img src="data:image/jpeg;base64,{{ app.session.get('fotos')[value] }}" alt="Foto" class="mt-3">
  447.                                     {% endif %}
  449.                                 {% endif %}
  450.                             {% endfor %}
  451.                             <div class="input-form mt-3">
  452.                                 <label for="horizontal-form-1" class="form-label">gemeldet am: {{ "now"|date("d.m.Y") }} um {{ "now"|date("H:i") }} Uhr</label>
  453.                             </div>
  454.                         </div>
  455.                         <div class="input-form mt-5">
  456.                             <input type="button" id="druckenDialog" class="btn btn-primary" value="Drucken">
  457.                         </div>
  458.                     </div>
  459.                 </div>
  460.             </div>
  461.         </div>
  462.     {% endif %}
  464.     {% if twofa and app.request.get('twofa') is empty %}
  465.         <div id="twofapopup" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  466.             <div class="modal-dialog modal-lg">
  467.                 <div class="modal-content" id="form-validation">
  468.                     <div class="modal-header">
  469.                         <h2 class="font-medium text-base mr-auto">Information zur 2FA </h2>
  470.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  471.                     </div> <!-- END: Modal Header -->
  472.                     <div class="modal-body p-10">
  473.                         <form action="/login/twofa/" method="post" id="login2faformular">
  474.                             <div class="input-form mt-3">
  475.                                 <label for="horizontal-form-1" class="form-label">Ihnen wird der Code nach dem Absenden per Mail zugesendet.</label>
  476.                             </div>
  477.                             <div class="input-form mt-5">
  478.                                 <input type="hidden" id="emailtwofa" name="emailtwofa" class="btn btn-primary" value="">
  479.                                 <input type="hidden" id="passwordtwofa" name="passwordtwofa" class="btn btn-primary" value="">
  480.                                 <input type="submit" class="btn btn-primary" value="Absenden">
  481.                             </div>
  482.                         </form>
  483.                     </div>
  484.                 </div>
  485.             </div>
  486.         </div>
  487.     {% endif %}
  489. {% endblock %}
  492. {% block scripts %}
  493.     <script src="{{ asset('/js/password-strength/jquery.strengthify.js')}}"></script>
  494.     <script src="{{ asset('/js/printthis/printThis.js')}}"></script>
  495.     <script src="{{ asset('/js/login.js')}}"></script>
  496. {% endblock %}