templates/services_dogovir_el_pobut/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}ЛЕЗ. Послуги онлайн{% endblock %}
  6. {% block javascripts %}
  7.             <script type="text/javascript" src="/js/jquery.js"></script>
  8.             <script type="text/javascript" src="/js/jquery-ui.js"></script>
  9.             <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
  10.             <script type="text/javascript" src="/js/iao-alert.jquery.js"></script>
  11.             <script type="text/javascript" src="/js/lib.js?v={{version}}"></script>
  12.             <script type="text/javascript" src="/js/inputmask.js"></script>
  13. {% endblock %}
  14. {% block body %}
  16.     {{ include('services_dogovir_el_pobut/heading.html.twig') }}
  17.     
  18.     <section class="green application-form">
  19.         <div class="container">
  21.             <div id="dialog-message" title="Скануйте QR-код за допомогою зчитувача у застосунку Дія">
  22.                 <div class="row  d-flex">
  23.                     <div class="col-md-6 d-flex" style="float: left" id="modal_txt">
  24.                         <div class="m-auto">
  25.                             <ul style="list-style-type: '-  '">
  26.                                 <li>Відкрийте застосунок Дія на своєму смартфоні.</li>
  27.                                 <li>Натисніть на кнопку сканера QR-кодів.</li>
  28.                                 <li>Наведіть камеру смартфона на QR-код праворуч.</li>
  29.                                 <li>Підтвердьте передачу копії документа у застосунку Дія.</li>
  30.                             </ul>
  31.                         </div>
  32.                     </div>
  33.                     <div class="col-md-6 d-flex" id="modal_img">
  34.                                    
  35.                     </div>
  36.                 </div>
  37.             </div>   
  39.             <div class="row">
  40.                 <div class="col-md-12">
  41.                     <div class="row">
  42.                         <div class="h2-green col-md-6">
  43.                             <h3>Укладення</br>договору про постачання електричної енергії</br> постачальником універсальних послуг (для побутових споживачів)</h3>
  44.                         </div>
  45.                     </div>
  46.                 </div>
  47.                     <div id="Service-form" class="application-form__inner">
  48.                         <div class="application-form__inner-gray">
  49.                             <div class="green-inner">
  50.                                 <div class="header-green col-md-12">
  51.                                     <div>
  52.                                     <p>За допомогою цієї послуги Ви можете дистанційно звернутись до ТОВ «Львівенергозбут» укладення договору про постачання електричної енергії постачальником універсальних послуг (для побутових споживачів) або особисто в <a href="https://lvivenergozbut.qsolutions.com.ua:4483/index" target="_blank">центри обслуговування клієнтів.</a></p>
  53.                                     <p><strong>Зверніть увагу:</strong> під час заповнення онлайн-форми вам потрібно надати копію ID-картки через застосунок Дія. Якщо у вас немає ID-картки у застосунку — можете поділитись через Дію копією РНОКПП, проте фото паспорта громадянина України потрібно буде завантажити на сайт ТОВ "Львівенергозбут" вручну.</p>
  54.                                     <p>Щоб ділитись копіями цифрових документів через Дію та підписати сформовану заяву, впевніться, що маєте активований Дія.Підпис у застосунку.</p>
  55.                                     
  56.                                 </div>
  57.                                 </div>
  58.                             </div>
  60.                                 <div class="green-inner">
  61.                                     <div class="header-green col-md-12">
  62.                                 </div>
  63.                             <div class="green-inner">
  64.                                 <div class="green-inner" >
  65.                                         <div class="header-green col-md-6">
  66.                                             <div class="form-left d-flex align-items-center height0">
  67.                                                 <span class="number-form">01</span>
  68.                                                 <span class="number-text">Підрозділ</span>
  69.                                             </div>
  70.                                         </div>
  71.                                         <div class="header-green col-md-6">
  72.                                             <select id="cok" name="cok" class="form-select-light" onfocus="setGreenActive (event)">
  73.                                                 {% for elem in cok_rows %}
  74.                                                     <option value="{{elem.cok_id}}">{{elem.cok_name}}</option>
  75.                                                 {% endfor %}
  76.                                             </select>
  77.                                         </div>
  78.                                 </div>
  79.                                 
  80.                                 <div class="green-inner" >
  81.                                         <div class="header-green col-md-6">
  82.                                             <div class="form-left d-flex align-items-center height0">
  83.                                                 <span class="number-form">02</span>
  84.                                                 <span class="number-text">Оператор системи розподілу</span>
  85.                                             </div>
  86.                                         </div>
  87.                                         <div class="header-green col-md-6">
  88.                                             <select id="osr" name="osr" class="form-select-light" onfocus="setGreenActive (event)">
  89.                                                 {% for elem in rows %}
  90.                                                     <option {{elem.selected}} value="{{elem.id}}">{{elem.name}}</option>
  91.                                                 {% endfor %}
  92.                                             </select>
  93.                                         </div>
  94.                                 </div>
  96.                                 <div class="header-green col-md-12">
  97.                                     <p><strong>Необхідні документи для укладення договору про постачання електричної енергії постачальником універсальних послуг (для побутових споживачів):</strong></p>
  98.                                     
  99.                                     <p>
  100.                                         <ol class="ps-3">
  101.                                             <li class="fst-italic">Заява-приєднання до договору про постачання електричної енергії постачальником універсальних послуг;</li>
  102.                                             <li class="fst-italic">Паспорт громадянина України (для фізичних осіб);</li>
  103.                                             <li class="fst-italic">Для фізичних осіб: довідка про присвоєння ідентифікаційного номера фізичної особи - платника податків або реєстраційного номера картки платника податків або копію паспорта (для фізичних осіб, які через свої релігійні або інші переконання відмовляються від прийняття ідентифікаційного номера, офіційно повідомили про це відповідні органи державної влади і мають відмітку у паспорті);</li>
  104.                                             <li class="fst-italic">Документ, що посвідчує право на представництво інтересів особи у випадку подання заяви представником (для фізичних осіб);</li>
  105.                                             <li class="fst-italic">Копію документа, що підтверджує право власності чи користування об'єктом;</li>
  106.                                             <li class="fst-italic">Копію декларації (повідомлення) про початок виконання будівельних робіт або дозволу на виконання будівельних робіт (для укладення договору споживача про надання послуг з розподілу (передачі) та постачання електричної енергії на будівельні майданчики, якщо наявність такого дозволу є обов’язковою або зазначені документи вимагаються законодавством у сфері містобудування) та/або у визначених законодавством випадках - копію декларації про готовність об’єкта до експлуатації або сертифіката (для новозбудованих та реконструйованих електроустановок);</li>
  107.                                             <li class="fst-italic"><strong>Паспорт точки розподілу/передачі об’єкта, (площадки вимірювання)*.</strong></li>
  108.                                         </ol>
  109.                                     </p>
  110.                                     <p><strong>* Для отримання паспорта точки розподілу/передачі об’єкта, (площадки вимірювання) Вам необхідно звернутись до Вашого оператора системи розподілу.</strong></p>
  111.                                 </div>
  113.                                 <div class="green-inner">
  114.                                     <div class="header-green col-md-6">
  115.                                         <p>Ознайомитись з комерційними пропозиціями:</p>
  116.                                     </div>
  117.                                     <div class="header-green col-md-6">
  118.                                         <ul class="ps-3 no-marker-ul">
  119.                                             {% for elem in kom_rows %}
  120.                                                <li class="fst-italic"><a href="{{elem.kom_url}}" target="_blank">{{elem.kom_name}}</a></li>
  121.                                             {% endfor %}
  122.                                         </ul>
  123.                                     </div>
  124.                                 </div>
  126.                                  <div class="green-inner" >
  127.                                         <div class="header-green col-md-6">
  128.                                             <div class="form-left d-flex align-items-center height0">
  129.                                                 <span class="number-form">03</span>
  130.                                                 <span class="number-text">Комерційна пропозиція</span>
  131.                                             </div>
  132.                                         </div>
  133.                                         <div class="header-green col-md-6">
  134.                                             <select id="kom_pr" name="kom_pr" class="form-select-light" onfocus="setGreenActive (event)">
  135.                                                 {% for elem in kom_rows %}
  136.                                                     <option value="{{elem.kom_id}}">{{elem.kom_name}}</option>
  137.                                                 {% endfor %}
  138.                                             </select>
  139.                                         </div>
  140.                                 </div>
  141.                             </div>
  143.                             <div class="green-inner">
  144.                                 <div class="green-inner">
  145.                                     <div class="header-green col-md-6">
  146.                                         <div class="form-left d-flex align-items-center height0">
  147.                                             <span class="number-form">04</span> <span class="number-text">Оберіть тип подання документів:</span>
  148.                                         </div>
  149.                                     </div>
  150.                                     <div class="header-green col-md-6">
  151.                                         <p>
  152.                                             <input class="form-check-input select_type_user" type="checkbox" name="services_check_user" value="" id="services_check_user" checked onfocus="setGreenActive (event)" onchange="SelectCheckUser('services_check_user', 15)">
  153.                                             <label title="" for="services_check_user" class="form-check-label w-90">я подаю заяву особисто як власник рахунку.</label>
  154.                                         </p>
  155.                                         <p>
  156.                                             <input class="form-check-input select_type_user" type="checkbox" name="services_check_other" value="" id="services_check_other" onfocus="setGreenActive (event)" onchange="SelectCheckUser('services_check_other', 15)">
  157.                                             <label title="" for="services_check_user" class="form-check-label w-90">я подаю заяву за довіреністю від імені власника рахунку.</label>
  158.                                         </p>
  159.                                     </div>
  160.                                 </div>
  161.                             </div>
  162.                             
  163.                             <div class="green-inner">
  164.                                 <div class="green-inner">
  165.                                     <div class="header-green col-md-6">
  166.                                         <div class="form-left d-flex align-items-center height0">
  167.                                             <span class="number-form">05</span> <span class="number-text">Введіть Ваш номер телефону</span>
  168.                                         </div>
  169.                                     </div>
  170.                                     <div class="header-green col-md-6">
  171.                                         <input name="phone" placeholder="Номер мобільного телефону" class="form-control" id="sevice_phone" value="" onfocus="setGreenActive (event)">
  172.                                     </div>
  173.                                 </div>
  174.                             </div>
  175.                             
  176.                             <div class="green-inner">
  177.                                 <div class="green-inner">
  178.                                     <div class="header-green col-md-6">
  179.                                         <div class="form-left d-flex align-items-center height0">
  180.                                             <span class="number-form">06</span> <span class="number-text">Введіть електронну адресу</span>
  181.                                         </div>
  182.                                     </div>
  183.                                     <div class="header-green col-md-6">
  184.                                         <input class="form-control" type="text" id="services_mail" placeholder="Електронна пошта" aria-label="default input" onfocus="setGreenActive (event)">
  185.                                     </div>
  186.                                 </div>
  187.                                 <div class="green-inner">
  188.                                     <div class="header-green col-md-6">
  189.                                         <div class="form-left d-flex align-items-center height0">
  190.                                             <span class="number-form">07</span> <span class="number-text">Ваша адреса реєстрації</span>
  191.                                         </div>
  192.                                     </div>
  193.                                     <div class="header-green col-md-6">
  194.                                         <input name="address" class="form-control" type="text" id="services_record_res_adress" placeholder="Ваша адреса реєстрації" aria-label="default input" value="" onfocus="setGreenActive (event)">
  195.                                     </div>
  196.                                 </div>
  197.                                 <div class="green-inner">
  198.                                     <div class="header-green col-md-6">
  199.                                         <div class="form-left d-flex align-items-center height0">
  200.                                             <span class="number-form">08</span> <span class="number-text">Адреса об'єкта</span>
  201.                                         </div>
  202.                                     </div>
  203.                                     <div class="header-green col-md-6">
  204.                                         <input name="obladdress" class="form-control" id="services_record_ob_adress" type="text" placeholder="Адреса об'єкта" aria-label="default input" value="" onfocus="setGreenActive (event)">
  205.                                     </div>
  206.                                 </div>
  207.                                 <div class="green-inner">
  208.                                     <div class="header-green col-md-6">
  209.                                         <div class="form-left d-flex align-items-center height0">
  210.                                             <span class="number-form">09</span> <span class="number-text">EIC-код точки розподілу </br>(інформація з паспорта точки розподілу)</span>
  211.                                         </div>
  212.                                     </div>
  213.                                     <div class="header-green col-md-6">
  214.                                         <input name="geneis" class="form-control eis_form" id="services_record_eis_ust" type="text" placeholder="EIC-код точки розподілу" maxlength="16" aria-label="default input" value="" onfocus="setGreenActive (event)">
  215.                                     </div>
  216.                                 </div>
  217.                                 <div class="green-inner">
  218.                                     <div class="header-green col-md-6">
  219.                                         <div class="form-left d-flex align-items-center height0">
  220.                                             <span class="number-form">10</span> <span class="number-text">Номер запису про право власності</span>
  221.                                         </div>
  222.                                     </div>
  223.                                     <div class="header-green col-md-6">
  224.                                         <input name="vlnumbers" class="form-control" id="services_record_vl_number" type="text" placeholder="Номер запису про право власності" aria-label="default input" value="" onfocus="setGreenActive (event)">
  225.                                     </div>
  226.                                 </div>
  227.                                 <div class="green-inner">
  228.                                     <div class="header-green col-md-6">
  229.                                         <div class="form-left d-flex align-items-center height0">
  230.                                             <span class="number-form">11</span> <span class="number-text">та реєстраційний номер об'єкта нерухомого майна в Державному реєстрі речових прав на нерухоме майно</span>
  231.                                         </div>
  232.                                     </div>
  233.                                     <div class="header-green col-md-6">
  234.                                         <input name="resnumbers" class="form-control" id="services_reestr_number" type="text" placeholder="Реєстраційний номер" aria-label="default input" value="" onfocus="setGreenActive (event)">
  235.                                     </div>
  236.                                 </div>
  237.                                 <div class="green-inner">
  238.                                     <div class="header-green col-md-6">
  239.                                         <div class="form-left d-flex align-items-center height0">
  240.                                             <span class="number-form">12</span> <span class="number-text">або назва, номер та дата видачі (підписання) документа, який підтверджує право користування об'єктом</span>
  241.                                         </div>
  242.                                     </div>
  243.                                 <div class="header-green col-md-6">
  244.                                     <input class="form-control" id="services_other_dok_vl" type="text" placeholder="Назва, номер та дата видачі документа" aria-label="default input" value="" onfocus="setGreenActive (event)">
  245.                                 </div>
  246.                                 <div class="green-inner">
  247.                                     <div class="header-green col-md-6">
  248.                                         <div class="form-left d-flex align-items-center height0">
  249.                                             <span class="number-form">13</span> <span class="number-text">Наявність пільг/субсидій:</span>
  250.                                         </div>
  251.                                     </div>
  252.                                     <div name="subs" value="n" class="header-green col-md-6">
  253.                                         <input type="checkbox" class="form-check-input service_on_list_checkbox_plg" value="" id="services_plg_y" onfocus="setGreenActive (event)" onclick="ServicesChOwSelPlgSubs('y')">
  254.                                         <label class="form-check-label" for="services_plg_y">Є</label>
  255.                                         <input type="checkbox" class="form-check-input service_on_list_checkbox_plg ml-20" value="" id="services_plg_n" checked="" onfocus="setGreenActive (event)" onclick="ServicesChOwSelPlgSubs('n')">
  256.                                         <label class="form-check-label" for="services_plg_n">Немає</label>
  257.                                     </div>
  258.                                 </div>
  259.                                 <div class="green-inner">
  260.                                     <div class="header-green col-md-6">
  261.                                         <div class="form-left d-flex align-items-center height0">
  262.                                             <span class="number-form">14</span> <span class="number-text">Джерело обміну документами (номер засобу зв’язку, офіційна електронна адреса та адреса електронної пошти (за наявності):</span>
  263.                                         </div>
  264.                                     </div>
  265.                                     <div class="header-green col-md-6">
  266.                                         <p>
  267.                                             <div class="form-check">
  268.                                                 <input type="checkbox" id="services_pers_kab" class="form-check-input" onfocus="setGreenActive (event)">
  269.                                                 <label title="" for="services_pers_kab" class="form-check-label w-90">Через персональний кабінет Простачальника</label>
  270.                                             </div>
  271.                                         </p>
  272.                                         <p>
  273.                                             <div class="form-check">
  274.                                                 <input type="checkbox" id="services_mail_on" class="form-check-input" onfocus="setGreenActive (event)">
  275.                                                 <label title="" for="services_mail_on" class="form-check-label w-90">Через електронну пошту споживача</label>
  276.                                             </div>
  277.                                         </p>
  278.                                         <p>
  279.                                             <input class="form-control" type="text" disabled="">
  280.                                         </p></div>
  281.                                     </div>
  282.                                 </div>
  283.                             </div>
  284.                             <div id="service_dor_form" class="invisible_form green-inner">
  285.                                     <div class="green-inner">
  286.                                         <div class="header-green col-md-6">
  287.                                             <div class="form-left d-flex align-items-center height0">
  288.                                                 <span class="number-form">15</span> <span class="number-text">Заповніть дані споживача (власника рахунку), від імені якого Ви подаєте документи за довіреністю:</span>
  289.                                             </div>
  290.                                         </div>
  291.                                         <div class="header-green col-md-6">
  292.                                             <input class="form-control" id="services_fname" type="text" placeholder="Прізвище" aria-label="default input" value="" onfocus="setGreenActive (event)">
  293.                                         </div>
  294.                                         <div class="header-green col-md-6">&nbsp;</div>
  295.                                         <div class="header-green col-md-6">
  296.                                             <input class="form-control" id="services_name" type="text" placeholder="Ім'я" aria-label="default input" value="" onfocus="setGreenActive (event)">
  297.                                         </div>
  298.                                         <div class="header-green col-md-6">&nbsp;</div>
  299.                                         <div class="header-green col-md-6">
  300.                                             <input class="form-control" id="services_pname" type="text" placeholder="По батькові" aria-label="default input" value="" onfocus="setGreenActive (event)">
  301.                                         </div>
  302.                                         <div class="header-green col-md-6">&nbsp;</div>
  303.                                         <div class="header-green col-md-6">
  304.                                             <input class="form-control" id="services_passport" type="text" placeholder="Паспорт (серія, номер)" aria-label="default input" value="" onfocus="setGreenActive (event)">
  305.                                         </div>
  306.                                         <div class="header-green col-md-6">&nbsp;</div>
  307.                                         <div class="header-green col-md-6">
  308.                                             <input placeholder="Ідентифікаційний код (ІПН)" class="form-control" id="services_ipn" value="" maxlength="10" onfocus="setGreenActive (event)" oninput="SetValidPersuid('services_ipn')">
  309.                                         </div>
  310.                                         <div class="header-green col-md-6">&nbsp;</div>
  311.                                         <div class="header-green col-md-6">
  312.                                             <input class="form-control" id="services_addres" type="text" placeholder="Адреса реєстрації" aria-label="default input" value="" onfocus="setGreenActive (event)">
  313.                                         </div>
  314.                                     </div>
  315.                             </div>
  316.                             <div class="green-inner">
  317.                                 <div class="header-green col-md-12">
  318.                                     <p>
  319.                                         <div class="form-check">
  320.                                             <input type="checkbox" id="services_puhoda_ok" class="form-check-input" onfocus="setGreenActive (event)">
  321.                                             <label title="" for="services_puhoda_ok" class="form-check-label w-90"><a class="file-input-example" href="/uploads/file/Publichna_uhoda_pro_elektronnyi_dokumentoobih.pdf">Ознайомитись із публічною угодою про електронний документообіг</a></label>
  322.                                         </div>
  323.                                     </p>
  324.                                     <p>
  325.                                         <div class="form-check">
  326.                                             <input type="checkbox" id="services_user_ok" class="form-check-input" onfocus="setGreenActive (event)">
  327.                                             <label title="" for="services_user_ok" class="form-check-label w-90">Надаю згоду на збір, обробку та використання персональних даних</label>
  328.                                         </div>
  329.                                     </p>
  330.                                 </div>
  331.                                 
  332.                             </div>
  333.                             <div class="green-inner">
  334.                                 <div class="header-green col-md-12">
  335.                                 </div>
  336.                             </div>
  337.                             <div class="green-inner">
  338.                                 <div class="header-green col-md-6">
  339.                                     <h4>Поділіться Вашими ID-карткою та/або РНОКПП через застосунок Дія</h4>
  340.                                 </div>
  341.                                 <div class="header-green col-md-6">
  342.                                     <button type="button" class="btn-submit"  onclick="ServicesUDElPhReqwestDeepLink('id')">Поділитися ID-карткою<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  343.                                 </div>
  344.                             </div>
  345.                             <div id="servise_send_ipn1" class="green-inner">
  346.                                 <div class="header-green col-md-6"></div>
  347.                                 <div class="header-green col-md-6">
  348.                                     <button type="button" class="btn-submit" onclick="ServicesShowPaspForm('pobut')">Поділитися РНОКПП<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  349.                                 </div>
  350.                             </div>
  351.                             <div id="servise_send_ipn2" class="invisible_form green-inner">
  352.                                 <div class="green-inner">
  353.                                     <div class="header-green col-md-6">
  354.                                         <div class="form-left d-flex align-items-center height0">
  355.                                             <span class="number-form" id="ipn_ser_passp_num_rows">15</span> <span class="number-text" id="title_seria_pass">Серія паспорта</span>
  356.                                         </div>
  357.                                     </div>
  358.                                     <div class="header-green col-md-6">
  359.                                         <input class="form-control" id="services_ser_pass" type="text" placeholder="Серія паспорта" aria-label="default input" value="" onfocus="setGreenActive (event)">
  360.                                     </div>
  361.                                 </div>
  362.                                 <div class="green-inner">
  363.                                     <div class="header-green col-md-6">
  364.                                         <div class="form-left d-flex align-items-center height0">
  365.                                             <span class="number-form" id="ipn_num_passp_num_rows">16</span> <span class="number-text" id="title_sn_pass">Номер паспорта</span>
  366.                                         </div>
  367.                                     </div>
  368.                                     <div class="header-green col-md-6">
  369.                                         <input class="form-control" id="services_num_pass" type="text" placeholder="Номер паспорта" aria-label="default input" value="" onfocus="setGreenActive (event)">
  370.                                     </div>
  371.                                 </div>
  372.                                 <div class="header-green col-md-6"></div>
  373.                                 <div class="header-green col-md-6">
  374.                                     <button type="button" class="btn-submit" onclick="ServicesUDElPhReqwestDeepLink('tc')">Поділитися РНОКПП<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  375.                                 </div>
  376.                             </div>
  377.                             <div class="green-inner">
  378.                                 <div class="header-green col-md-12"></div>
  379.                             </div> 
  380.                         </div>
  381.                     </div>
  382.             </div>
  383.         </div>
  384.     </section>
  385.     <script>
  386.         $(document).ready(function () {
  387.             $("#sevice_phone").inputmask({"mask": "(+380) 99-999-99-99"});
  388.            
  389.         });
  390.     </script>   
  391.   <script>OnloadStep2()</script>
  393. {% endblock %}