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' %}
  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>
  57.                     <div class="text-lg">
  58.                         {% if "login-14" in texte|keys and texte["login-14"] is not empty %}
  59.                             <span class="data-key="login-14">{{ texte["login-14"]|raw }}</span>
  60.                         {% endif %}
  61.                         <br>
  62.                         <br>
  63.                         {% if "login-15" in texte|keys and texte["login-15"] is not empty %}
  64.                             <span class=" data-key="login-15">{{ texte["login-15"]|raw }}</span>
  65.                         {% endif %}
  66.                     </div>
  67.                     <div class="flex justify-left mt-20">
  68.                         {% set linkImpressum    = "https://msu-solutions.de/impressum/" %}
  69.                         {% set linkDatenschutz  = "https://msu-solutions.de/datenschutz/" %}
  71.                         {% if app.session.get('impressum') is defined and app.session.get('impressum') is not empty %}
  72.                                 {% set linkImpressum = app.session.get('impressum') %}
  73.                         {% endif %}
  75.                         {% if app.session.get('datenschutz') is defined and app.session.get('datenschutz') is not empty %}
  76.                                 {% set linkDatenschutz = app.session.get('datenschutz') %}
  77.                         {% endif %}
  79.                         <input type="hidden" id="impressumLink" class="hidden" value="{{ linkImpressum }}">
  80.                         <input type="hidden" id="datenschutzLink" class="hidden" value="{{ linkDatenschutz }}">
  82.                         {% if app.session.get('barrierefreiheitanzeigen') %}
  83.                             <div class="flex items-center mr-5">
  84.                                 <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>
  85.                             </div>
  86.                         {% endif %}
  88.                         <div class="flex items-center mr-5">
  89.                             <a href="{{ datenschutz }}" class="flex items-center py-2 mt-2 rounded-md" target="_blank"> Datenschutz </a>
  90.                         </div>
  91.                         <div class="flex items-center mr-5">
  92.                             <a href="{{ impressum }}" class="flex items-center py-2 mt-2 rounded-md" target="_blank"> Impressum </a>
  93.                         </div>
  95.                         {% if satzung is defined and satzung is not empty %}
  96.                             <div class="flex items-center mr-5">
  97.                                 <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>
  98.                             </div>
  99.                         {% endif %}
  101.                         {% if is_granted('ROLE_ADMIN') %}
  102.                             <div class="flex items-center ml-5">
  103.                                 <a href="/dashboard" class="flex items-center py-2 mt-2 rounded-md"> Backend </a>
  104.                             </div>
  105.                         {% endif %}
  106.                     </div>
  107.                 </div>
  109.                 {% if app.session.get('news-funktion')and neuestenews %}
  110.                     <!-- BEGIN: Single Item -->
  111.                     <div class="intro-y box mt-5">
  112.                         <div class="flex flex-col sm:flex-row items-center p-2 border-b border-slate-200/60 dark:border-darkmode-400">
  113.                             <h2 class="font-medium text-base mr-auto dark:text-gray-300 ml-4">
  114.                                 <a href="javascript:;" data-tw-toggle="modal" data-tw-target="#basic-modal-preview-{{ neuestenews.id }}" title="Anzeigen">Neueste News vom {{ neuestenews.start|date("d.m.Y") }}: {{ neuestenews.titel|slice(0,40) }} ...</a>
  115.                             </h2>
  116.                         </div>
  117.                         <div id="center-mode-slider" class="p-5">
  118.                             <div class="preview">
  119.                                 <div class="mx-6">
  120.                                     <div class="center-mode">
  121.                                         {% for key,entry in news %}
  122.                                             <div class="h-10 px-2">
  123.                                                 <div class="h-full bg-slate-100 dark:bg-darkmode-400 rounded-md">
  124.                                                     <a href="javascript:;" data-tw-toggle="modal" data-tw-target="#basic-modal-preview-{{ entry.id }}" title="Anzeigen"
  125.                                                        class="h-full flex items-center justify-center primary font-normal">
  126.                                                         {{ entry.titel|slice(0,40) }} ...
  127.                                                     </a>
  128.                                                 </div>
  129.                                             </div>
  130.                                         {% endfor %}
  131.                                     </div>
  132.                                 </div>
  133.                             </div>
  134.                         </div>
  135.                     </div>
  136.                     <!-- END: Single Item -->
  137.                 {% endif %}
  138.             </div>
  139.         </div>
  141.         {% for key,entry in news %}
  143.             <div id="basic-modal-preview-{{ entry.id }}" class="modal" tabindex="-1" aria-hidden="true">
  144.                 <div class="modal-dialog modal-lg">
  145.                     <div class="modal-content">
  146.                         <div class="modal-header">
  147.                             <h2 class="font-medium text-base mr-auto">{{ entry.titel }}</h2>
  148.                         </div> <!-- END: Modal Header -->
  149.                         <div class="modal-body">
  150.                             {{ entry.inhalt|raw }}
  151.                         </div>
  152.                         <div class="modal-footer text-left">
  153.                             veröffentlicht am: {{ entry.start|date("d.m.Y") }}
  154.                         </div>
  155.                     </div>
  156.                 </div>
  157.             </div>
  159.         {% endfor %}
  160.         <!-- END: Login Info -->
  161.         <!-- BEGIN: Login Form -->
  162.         <div class="flex content-container">
  163.             <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">
  164.                 {% set zaehlerstandAktiv = true %}
  166.                 {% 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 %}
  167.                     {% if zaehlerstandAktivStart|date('U') <= "now"|date("d.m.Y")|date('U') and zaehlerstandAktivEnde|date('U') >= "now"|date("d.m.Y")|date('U') %}
  168.                         {% set zaehlerstandAktiv = true %}
  169.                     {% else %}
  170.                         {% set zaehlerstandAktiv = false %}
  171.                     {% endif %}
  172.                 {% endif %}
  174.                 {% include 'global/logos-login-rechts.html.twig' %}
  176.                 <button class="hidden" id="druckenbutton" data-tw-toggle="modal" data-tw-target="#drucken">drucken</button>
  177.                 <button class="hidden" id="twofabutton" data-tw-toggle="modal" data-tw-target="#twofapopup">drucken</button>
  178.                 <input type="hidden" name="target_action" value="{% if target_action is defined and target_action is not empty %}{{target_action}}{% endif %}">
  180.                 {% if portalvariante is defined and portalvariante == 'zaehlerstand' %}
  181.                     {% if app.session.get('zaehlerstandmelden_abgemeldet') %}
  183.                         {% if zaehlerstandAktiv == false %}
  184.                             <p class="py-5"><span>{{ zaehlerstandAktivText }}</span></p>
  185.                         {% endif %}
  187.                         <button id="btn_zaehlerstand_melden" class="btn btn-dark-soft py-3 px-4 mt-3 w-full xl:w-auto" data-tw-toggle="modal" data-tw-target="#zaehlerstand-melden"
  188.                         {% if zaehlerstandAktiv == false or webservice == false %} disabled {% endif %}>Zählerstand melden
  190.                         {% 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:;">
  191.                             <i style="width: 15px; height: 15px;" data-lucide="info"></i>
  192.                         </a> {% endif %}
  193.                         </button>
  194.                     {% endif %}
  195.                 {% else %}
  197.                     <form action="{{ path('login') }}" method="post" id="anmeldeFormular" class="mt-5">
  198.                         <h2 class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left">
  199.                             {% if wartungsarbeiten is defined and wartungsarbeiten is not empty %}
  200.                                 Es finden aktuell Wartungsarbeiten statt, so dass Sie sich nicht anmelden können.
  201.                                 <input type="hidden" id="wartungsarbeiten" value="yes">
  202.                             {% elseif online is defined and online == false or webservice == false %}
  203.                                 Das Portal ist aktuell offline.
  204.                                 <input type="hidden" id="offline" value="yes">
  205.                             {% else %}
  206.                                 <span class="{% if is_granted('ROLE_ADMIN') %}customText{% else %} loadText {% endif %}" data-key="login-11">Loggen Sie sich jetzt ein.</span>
  207.                             {% endif %}
  208.                         </h2>
  210.                         <p class="intro-x mt-5 font-normal">
  211.                             Bitte geben Sie hier Ihre Daten ein. Wenn Sie noch kein Kundenkonto bei uns haben, können Sie sich hier registrieren.
  212.                         </p>
  214.                         {% if error %}
  215.                             <br>
  216.                             <div class="alert alert-danger show flex items-center mb-2" role="alert">
  217.                                 <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') }}
  218.                             </div>
  219.                         {% endif %}
  221.                         <div class="intro-x mt-8">
  222.                             <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 }}">
  223.                             <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  224.                             <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 %}">
  226.                             <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') }}">
  228.                             {% if app.request.get('twofa') %}
  229.                                 <input type="text" id="twofacode" name="twofacode" class="intro-x login__input form-control py-3 px-4 block mt-4" placeholder="Code" value="">
  230.                             {% endif %}
  231.                         </div>
  232.                         {% if wartungsarbeiten is defined and (wartungsarbeiten == 0 or online == false or webservice == false) %}
  233.                             <div class="intro-x flex text-slate-600 dark:text-slate-500 text-xs sm:text-sm mt-4">
  234.                                 <a href="/passwort-vergessen/">Passwort vergessen?</a>
  235.                             </div>
  236.                         {% endif %}
  237.                         <div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
  238.                             <input type="hidden" id="twofa" value="{{ twofa }}">
  239.                             <button class="btn btn-primary py-3 px-4 w-60 align-top" id="anmelden">Anmelden</button>
  240.                         </div>
  242.                         {% if captcha %}
  243.                             <br>
  244.                             <altcha-widget challengeurl="/altcha-challenge"></altcha-widget>
  245.                         {% endif %}
  246.                     </form>
  248.                     {% if wartungsarbeiten is defined and (wartungsarbeiten == 0 or online == false or webservice == false) %}
  250.                         <div class="btn-grid intro-x mt-5 xl:mt-8 text-center xl:text-left">
  251.                             <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 %}>
  252.                                 Zugang beantragen
  253.                                 {% if online == false or webservice == false %}
  254.                                     <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  255.                                         <i style="width: 15px; height: 15px;" data-lucide="info"></i>
  256.                                     </a>
  257.                                 {% endif %}
  258.                             </button>
  260.                             {% if app.session.get('zaehlerstandmelden_abgemeldet') %}
  261.                                 <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 %}>
  262.                                     Zählerstand melden
  263.                                     {% if zaehlerstand_online is defined and not zaehlerstand_online == true or online == false or webservice == false %}
  264.                                         <a class="flex items-center tooltip ml-2" data-theme="light" title="Diese Funktion steht zur Zeit nicht zur Verfügung" href="javascript:;">
  265.                                             <i style="width: 15px; height: 15px;" data-lucide="info"></i>
  266.                                         </a>
  267.                                     {% endif %}
  268.                                 </button>
  269.                             {% endif %}
  271.                             <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>
  272.                         </div>
  274.                     {% endif %}
  276.                     {% if info is defined %}
  277.                         <div class="alert alert-secondary show flex items-center mb-2 mt-2" role="alert">
  278.                             <i data-lucide="mail" class="w-6 h-6 mr-2"></i> {{ info }}
  279.                         </div>
  280.                     {% endif %}
  282.                     {% include 'global/logos-login-footer.html.twig' %}
  284.                     <div class="xl:hidden">
  285.                         {% include 'global/footerlinks-login.html.twig' %}
  286.                     </div>
  287.                 {% endif %}
  288.             </div>
  289.         </div>
  290.         <!-- END: Login Form -->
  291.     </div>
  292. </div>
  294. <!-- BEGIN: Modal Content Zugang beantragen bearbeiten -->
  295. <div id="zugang-beantragen" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  296.     <div class="modal-dialog modal-xl">
  297.         <div class="modal-content" id="form-validation">
  298.             <form action="/zugangbeantragen/" method="post" id="loginForm">
  299.                 <!-- BEGIN: Modal Header -->
  300.                 <div class="modal-header">
  301.                     <h2 class="font-medium text-base mr-auto">Zugang beantragen</h2>
  302.                     <a data-tw-dismiss="modal" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  303.                 </div> <!-- END: Modal Header -->
  304.                 <div class="modal-body p-10">
  306.                     <div class="input-form">
  307.                         <label for="validation-form-1" class="form-label">Kundennummer* </label>
  308.                         <input id="customerid"  type="text" class="form-control" name="kundennummer" placeholder="" required>
  309.                     </div>
  311.                     {% if auth.metavalue == "internal" %}
  312.                         <div class="input-form mt-3">
  313.                             <label for="horizontal-form-1" class="form-label">Zählernummer*</label>
  314.                             <input id="meterno" type="text" class="form-control" name="meterno" placeholder="" required>
  315.                         </div>
  316.             
  317.                         {% elseif auth.metavalue == "accountingcontract" %}
  318.                             <div class="input-form mt-3">
  319.                                 <label for="horizontal-form-1" class="form-label">Vertragsnummer*</label>
  320.                                 <input id="meterno" type="text" class="form-control" name="leistungsobjektnummer" placeholder="" required>
  321.                             </div>
  322.                         
  323.                     {% else %}
  324.                         <div class="input-form mt-3">
  325.                             <label for="horizontal-form-1" class="form-label">{{ texte["begriff_leistungsobjektnummer"]|default('Leistungsobjektnummer')|raw }}*</label>
  326.                             <input id="meterno" type="text" class="form-control" name="leistungsobjektnummer" placeholder="" required>
  327.                         </div>
  328.                     {% endif %}
  329.                     <div class="input-form mt-3">
  330.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse*</label>
  331.                         <input id="email" type="email" name="email" class="form-control" placeholder="test@test.de" required>
  332.                     </div>
  333.                     <div class="input-form mt-3">
  334.                         <label for="horizontal-form-1" class="form-label">E-Mail-Adresse zur Überprüfung erneut eingeben* </label>
  335.                         <input id="emailnochmal" type="email" name="emailnochmal" class="form-control" placeholder="test@test.de" required>
  336.                     </div>
  337.                     <div class="input-form mt-3">
  338.                         <label for="horizontal-form-2" class="form-label">Passwort</label>
  339.                         <input id="passwortupdate" type="password" name="passwort" class="form-control" placeholder="****" required autocomplete="off">
  340.                     </div>
  341.                     <div class="input-form mt-3">
  342.                         <label for="horizontal-form-2" class="form-label">Passwort bestätigen</label>
  343.                         <input id="passwortupdaterepeat" type="password" name="passwort-repeat" class="form-control" placeholder="****" required autocomplete="off">
  344.                     </div>
  345.                     
  346.                     <div class="mt-3">
  347.                         <div class="alert alert-secondary show flex flex-col items-start text-left" role="alert">
  348.                             <p class="font-bold">Hinweis</p>
  349.                             <p>Zulässige Sonderzeichen: !@#$%^&*</p>
  350.                         </div>
  351.                     </div>
  353.                     {% if output.metavalue == "on" %}
  354.                         <div class="input-form mt-3">
  355.                             <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>
  357.                             <select class="form-select mt-2 sm:mr-2" aria-label="" name="zustellart" id="zustellart">
  358.                                 <option value="">Bitte auswählen</option>
  359.                                 {% if abrufarten is iterable %}
  360.                                         {% for key,value in abrufarten %}
  361.                                             <option value="{{ value.Code }}">{{ value.Description }}</option>
  362.                                         {% endfor %}
  363.                                 {% else %}
  364.                                     {% for key,value in zustellarten %}
  365.                                         <option value="{{ value }}">{{ value }}</option>
  366.                                     {% endfor %}
  367.                                 {% endif %}
  368.                             </select>
  369.                         </div>
  370.                     {% endif %}
  372.                     <div class="input-form mt-5 border-t py-5">
  373.                         <label for="horizontal-form-2" class="form-label">Datenschutz*</label>
  374.                         <div class="form-check form-switch">
  375.                             <input id="datenschutz" class="form-check-input" type="checkbox" required>
  376.                             <label class="form-check-label" for="datenschutz">
  377.                             {% if datenschutzText is not empty %}
  378.                                 {{ datenschutzText|raw }}
  379.                             {% endif %}
  380.                             </label>
  381.                         </div>
  382.                     </div>
  384.                 </div>
  385.                 <div class="modal-footer text-center">
  386.                     <a data-tw-dismiss="modal" href="javascript:;">
  387.                         <span class="btn btn-secondary abbrechen" id="abbrechen">Abbrechen</span>
  388.                     </a>
  389.                     <input type="submit" class="btn btn-primary" value="Zugang beantragen" id="zugangbeantragen">
  390.                 </div>
  391.             </form>
  392.         </div>
  393.     </div>
  394. </div> <!-- END: Modal Content -->
  396.     <!-- BEGIN: Modal Content Zählerstand melden bearbeiten -->
  397. <div id="zaehlerstand-melden" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  398.     <div class="modal-dialog modal-xl">
  399.         <div class="modal-content" id="form-validation">
  400.             <form action="/zaehlerstanderfassen/" method="post" id="zaehlerstandMeldenForm" enctype="multipart/form-data">
  401.                 <div class="intro-y box p-5">
  402.                     <!-- BEGIN: Modal Header -->
  403.                     <div class="modal-header">
  404.                         <h2 class="font-medium text-base mr-auto">Zählerstand melden</h2>
  405.                         <a data-tw-dismiss="modal" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  406.                     </div>
  407.                     <!-- END: Modal Header -->
  409.                     {% if zaehlerstandAktiv == false %}
  410.                         <p class="p-5"><span>{{ zaehlerstandAktivText }}</span></p>
  411.                     {% else %}
  412.                         <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>
  414.                         <div class="modal-header"><h2 class="font-medium text-base mr-auto">Anmeldung</h2></div>
  416.                         <div class="grid grid-cols-12 gap-6 p-5">
  417.                             <div class="col-span-6">
  418.                                 <div class="input-form">
  419.                                     {% if authz.metavalue == "hashz" %}
  420.                                         <label for="validation-form-1" class="form-label">{{ app.session.get('texte')["bezeichn_kundennummer_AuthwithHash"]}}<span class="red"> *</span></label>
  421.                                         <input id="customeridz"  type="text" class="form-control" name="kundennummer" placeholder="123456" required>
  422.                                     {% else %}
  423.                                         <label for="validation-form-1" class="form-label">Kundennummer<span class="red"> *</span></label>
  424.                                         <input id="customeridz"  type="text" class="form-control" name="kundennummer" placeholder="123456" required>
  425.                                     {% endif %}
  426.                                     <input id="showFormularAuto" type="hidden" value="{% if app.request.get('rahmenvertrag') %}1{% else %}2{% endif %}">
  427.                                     <input id="hiddenrv" type="hidden" value="{{ app.session.get('rahmenvertrag')}}">
  428.                                     <input id="hiddenznr" type="hidden" value="{{ app.session.get('leistungsobjektnr')}}">
  429.                                     <input id="bezeichn_kundennummer_AuthwithHash" type="hidden" value="{{ app.session.get('texte')["bezeichn_kundennummer_AuthwithHash"]}}">
  430.                                     <input id="begriff_leistungsobjektnummer" type="hidden" value="{{ app.session.get('texte')["begriff_leistungsobjektnummer"]|default("Leistungsobjektnummer")|raw }}">
  431.                                 </div>
  432.                             </div>
  434.                             <div class="col-span-6">
  435.                                 <div class="input-form">
  436.                                     <label for="horizontal-form-1" class="form-label">
  437.                                         {% if authz.metavalue == "internalz" %}
  438.                                             Zählernummer
  439.                                         {% elseif authz.metavalue == "accountingcontractz" %}
  440.                                             Vertragsnummer
  441.                                         {% else %}
  442.                                             {% if texte is defined 
  443.                                                     and texte["begriff_leistungsobjektnummer"] is defined
  444.                                                     and texte["begriff_leistungsobjektnummer"] is not empty
  445.                                                     and texte["begriff_leistungsobjektnummer"] != "Vertragsnummer" %}
  446.                                                 {{ texte["begriff_leistungsobjektnummer"]|default("Leistungsobjektnummer")|raw }}
  447.                                             {% else %}
  448.                                                 Leistungsobjektnummer
  449.                                             {% endif %}
  450.                                         {% endif %}
  451.                                         <span class="red"> *</span>
  452.                                     </label>
  453.                                     <input id="leistungsobjektnummerz" type="text" class="form-control" name="leistungsobjektnummer" placeholder="123456" required>
  454.                                     <input id="contractnoz" type="hidden" class="form-control" name="AccountingContractNo" placeholder="">
  455.                                     <!-- <input id="ZS_METERREGIDX" type="hidden" class="form-control" name="ZS_METERREGIDX" placeholder=""> -->
  456.                                 </div>
  457.                             </div>
  458.                         </div>
  459.                     {% endif %}
  460.                 </div>
  462.                 <div class="hidden" id="mehrerevertraege">
  464.                 </div>
  466.                 {% if hinweiszaehler is defined %}
  467.                     <div id="hinweis_zaehler">
  468.                         <p class="text-left p-5">{{ hinweiszaehler.beschreibung }}</p>
  469.                     </div>
  470.                 {% endif %}
  472.                 <div class="input-form mt-5 hidden" id="hiddenKontakt">
  473.                     <span class="font-bold mt-3">Optionale Kontaktdaten</span>
  474.                     <br>
  475.                     <span class="mt-5">Wenn Sie Ihre E-Mail-Adresse eingeben, dann erhalten Sie eine Bestätigung der Zählerstandsmeldung an Ihre E-Mail.
  476.                         Ihre Kontaktdaten werden für mögliche Nachfragen an uns übermittelt. Sie müssen diese nicht eingeben.</span>
  477.                     <br>
  478.                     <label for="horizontal-form-2" class="form-label mt-5">E-Mail-Adresse</label>
  479.                     <input type="email" name="emailkontakt2" id="emailkontakt2" class="form-control" placeholder="" autocomplete="off">
  480.                     <label for="horizontal-form-2" class="form-label mt-5">Telefonnummer</label>
  481.                     <input type="text" name="telefonkontakt2" class="form-control" placeholder="" autocomplete="off">
  482.                 </div>
  483.                 
  485.                 
  486.                 <div class="modal-footer text-center">
  487.                     <a data-tw-dismiss="modal" href="javascript:;">
  488.                         <span class="btn btn-secondary abbrechen" id="abbrechen">Abbrechen</span>
  489.                     </a>
  490.                     <input type="submit" class="btn btn-primary" value="Daten prüfen" id="zaehlerstandmelden" {% if zaehlerstandAktiv == false %}disabled="true"{% endif %}>
  491.                 </div>
  492.             </form>
  493.             <script>
  494.             function validateNumericInput(input) {
  495.                 const error = document.getElementById('zaehlerstandneu-error');
  497.                 if (/[^0-9]/.test(input.value)) {
  498.                     error.style.display = 'inline';
  499.                     input.value = input.value.replace(/[^0-9]/g, '');
  500.                 } else {
  501.                     error.style.display = 'none';
  502.                 }
  503.             }
  504.             </script> 
  505.         </div>
  506.     </div>
  507. </div> <!-- END: Modal Content -->
  509.     {% if app.request.get('drucken') == 1 %}
  510.         <div id="drucken" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  511.             <div class="modal-dialog modal-lg">
  512.                 <div class="modal-content" id="form-validation">
  513.                     <div class="modal-header">
  514.                         <h2 class="font-medium text-base mr-auto">Zählerstand drucken  </h2>
  515.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  516.                     </div> <!-- END: Modal Header -->
  517.                     <div class="modal-body p-5">
  518.                         <div id="druckenElemente">
  519.                             <div class="input-form">
  520.                                 <h2 class="font-medium text-base mr-auto">Zählerstand gemeldet</h2>
  521.                             </div>
  522.                             {% for key,value in app.session.get('zaehler') %}
  524.                                 {% if app.session.get('staende')[key] is not empty %}
  525.                                     <div class="input-form mt-3">
  526.                                         <label for="horizontal-form-1" class="form-label">Zähler: {{ value }}</label>
  527.                                     </div>
  528.                                     <div class="input-form">
  529.                                         <label for="horizontal-form-1" class="form-label">Ablesedatum: {{ app.session.get('ablesedatum')[key]|date("d.m.Y") }}</label>
  530.                                     </div>
  531.                                     <div class="input-form">
  532.                                         <label for="horizontal-form-1" class="form-label">Neuer Zählerstand: {{ app.session.get('staende')[key] }} {{ app.session.get('einheit')[key] }}</label>
  533.                                     </div>
  535.                                     {% if key in app.session.get('toleranzart')|keys %}
  536.                                         {% if app.session.get('toleranzart')[key] == "Anderer Grund" %}
  537.                                             <div class="input-form">
  538.                                                 <label for="horizontal-form-1" class="form-label">Grund: {{ app.session.get('toleranzarttext')[key] }}</label>
  539.                                             </div>
  540.                                             {% elseif app.session.get('toleranzart')[key] is not empty %}
  541.                                                 <div class="input-form">
  542.                                                     <label for="horizontal-form-1" class="form-label">Grund: {{ app.session.get('toleranzart')[key] }}</label>
  543.                                                 </div>
  544.                                         {% endif %}
  545.                                     {% endif %}
  547.                                     {% if value in app.session.get('fotos')|keys %}
  548.                                         <img src="data:image/jpeg;base64,{{ app.session.get('fotos')[value] }}" alt="Foto" class="mt-3">
  549.                                     {% endif %}
  551.                                 {% endif %}
  552.                             {% endfor %}
  553.                             <div class="input-form mt-3">
  554.                                 <label for="horizontal-form-1" class="form-label">gemeldet am: {{ "now"|date("d.m.Y") }} um {{ "now"|date("H:i") }} Uhr</label>
  555.                             </div>
  556.                         </div>
  557.                         <div class="input-form mt-5">
  558.                             <input type="button" id="druckenDialog" class="btn btn-primary" value="Drucken">
  559.                         </div>
  560.                     </div>
  561.                 </div>
  562.             </div>
  563.         </div>
  564.     {% endif %}
  566.     {% if twofa and app.request.get('twofa') is empty %}
  567.         <div id="twofapopup" class="modal" data-tw-backdrop="static" tabindex="-1" aria-hidden="true">
  568.             <div class="modal-dialog modal-lg">
  569.                 <div class="modal-content" id="form-validation">
  570.                     <div class="modal-header">
  571.                         <h2 class="font-medium text-base mr-auto">Information zur 2FA </h2>
  572.                         <a data-tw-dismiss="modal" class="closeDrucken" href="javascript:;"> <i data-lucide="x" class="w-8 h-8 text-slate-400"></i> </a>
  573.                     </div> <!-- END: Modal Header -->
  574.                     <div class="modal-body p-10">
  575.                         <form action="/login/twofa/" method="post" id="login2faformular">
  576.                             <div class="input-form mt-3">
  577.                                 <label for="horizontal-form-1" class="form-label">Ihnen wird der Code nach dem Absenden per Mail zugesendet.</label>
  578.                             </div>
  579.                             <div class="input-form mt-5">
  580.                                 <input type="hidden" id="emailtwofa" name="emailtwofa" class="btn btn-primary" value="">
  581.                                 <input type="hidden" id="passwordtwofa" name="passwordtwofa" class="btn btn-primary" value="">
  582.                                 <input type="submit" class="btn btn-primary" value="Absenden">
  583.                             </div>
  584.                         </form>
  585.                     </div>
  586.                 </div>
  587.             </div>
  588.         </div>
  589.     {% endif %}
  591. {% endblock %}
  594. {% block scripts %}
  595.     <script src="{{ asset('/js/password-strength/jquery.strengthify.js')}}"></script>
  596.     <script src="{{ asset('/js/printthis/printThis.js')}}"></script>
  597.     <script src="{{ asset('/js/login.js')}}"></script>
  598. {% endblock %}