templates/services_dogovir_el_zbut/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_zbut/heading.html.twig') }}
  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', 0)">
  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', 0)">
  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="res_name" class="form-control" type="text" id="services_res_name" 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="address" class="form-control" type="text" id="services_res_adress" 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">Код ЄДРПОУ (для юридичних осіб)</span>
  211.                                         </div>
  212.                                     </div>
  213.                                     <div class="header-green col-md-6">
  214.                                         <input name="record_edrpou" class="form-control" type="text" id="services_edrpou" placeholder="ЄДРПОУ" maxlength="10" aria-label="default input" value="" onfocus="setGreenActive (event)" oninput="SetValidPersuid('services_edrpou')">
  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">Номер рахунку в банку (IBAN)</span>
  221.                                         </div>
  222.                                     </div>
  223.                                     <div class="header-green col-md-6">
  224.                                         <input name="bank_acc" class="form-control" id="services_bank_acc" type="text" placeholder="Номер рахунку в банку (IBAN)" maxlength="29" 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="bank_name" class="form-control" id="services_bank_name" type="text" placeholder="Назва банку" aria-label="default input" value="" onfocus="setGreenActive (event)">
  235.                                     </div>
  236.                                 </div>
  238.                                         <div class="green-inner">
  239.                                             <div class="header-green col-md-6">
  240.                                                 <div class="form-left d-flex align-items-center height0">
  241.                                                     <span class="number-form">12</span>
  242.                                                     <span class="number-text">Статус платника <br>єдиного податку</span>
  243.                                                 </div>
  244.                                             </div>
  245.                                             <div class="header-green col-md-6 d-flex" >
  246.                                                 
  247.                                                 <input class="form-check-input service_on_list_checkbox_plg" type="checkbox" value="" id="services_plg_y" onclick="ServicesChOwSelPlgSubs('y')" onfocus="setGreenActive (event)">
  248.                                                 <div class="vertical-margin-auto">&nbsp;Так</div>
  249.                                                 <input class="form-check-input ml-20 service_on_list_checkbox_plg" type="checkbox" value="" id="services_plg_n" checked onclick="ServicesChOwSelPlgSubs('n')" onfocus="setGreenActive (event)">
  250.                                                 <div class="vertical-margin-auto">&nbsp;Ні</div>
  251.                                                 
  252.                                             </div>
  253.                                         </div>
  255.                                         <div class="green-inner">
  256.                                             <div class="header-green col-md-6">
  257.                                                 <div class="form-left d-flex align-items-center height0">
  258.                                                     <span class="number-form">13</span>
  259.                                                     <span class="number-text">Статусу платника податку<br>на додану вартість</span>
  260.                                                 </div>
  261.                                             </div>
  262.                                             <div class="header-green col-md-6" >
  263.                                                 <div class="d-flex">
  264.                                                     <input class="form-check-input service_on_list_checkbox_pdv" type="checkbox" value="" id="services_pdv_y" onclick="ServicesUDElZbSelPdv('y')" onfocus="setGreenActive (event)">
  265.                                                     <div class="vertical-margin-auto">&nbsp;Так</div>
  266.                                                     <input class="form-check-input ml-20 service_on_list_checkbox_pdv" type="checkbox" value="" id="services_pdv_n" checked onclick="ServicesUDElZbSelPdv('n')" onfocus="setGreenActive (event)">
  267.                                                     <div class="vertical-margin-auto">&nbsp;Ні</div>
  268.                                                 </div>
  269.                                                 <div id="services_pdv_ipn_block" class="invisible_form" style="margin-top: 20px">
  270.                                                     <input id="services_pdv_ipn" name="pdv_ipn" type="text" placeholder="Вкажіть номер ІПН" class="form-control" value="" maxlength="12" oninput="SetValidPersuid('services_pdv_ipn')">
  271.                                                 </div>    
  272.                                             </div>
  273.                                         </div>
  274.                                         <div class="green-inner">
  275.                                     <div class="header-green col-md-6">
  276.                                         <div class="form-left d-flex align-items-center height0">
  277.                                             <span class="number-form">14</span> <span class="number-text">Джерело обміну документами (номер засобу зв’язку, офіційна електронна адреса та адреса електронної пошти (за наявності):</span>
  278.                                         </div>
  279.                                     </div>
  280.                                     <div class="header-green col-md-6">
  281.                                         <p>
  282.                                             <div class="form-check">
  283.                                                 <input type="checkbox" id="services_pers_kab" class="form-check-input" onfocus="setGreenActive (event)">
  284.                                                 <label title="" for="services_pers_kab" class="form-check-label w-90">Через персональний кабінет Простачальника</label>
  285.                                             </div>
  286.                                         </p>
  287.                                         <p>
  288.                                             <div class="form-check">
  289.                                                 <input type="checkbox" id="services_mail_on" class="form-check-input" onfocus="setGreenActive (event)">
  290.                                                 <label title="" for="services_mail_on" class="form-check-label w-90">Через електронну пошту споживача</label>
  291.                                             </div>
  292.                                         </p>
  293.                                         <p>
  294.                                             <input class="form-control" type="text" disabled="">
  295.                                         </p></div>
  296.                                     </div>
  297.                                 </div>
  298.                                              
  299.                             </div>
  300.                             <div class="green-inner">
  301.                                         <div id="services_inshi_obj" count="1" value="1" class="green-inner" >
  302.                                             <div class="green-inner margin-top-60">
  303.                                                 <div class="header-green col-md-6">
  304.                                                     <div class="form-left d-flex align-items-center height0">
  305.                                                         <span class="number-form">15</span>
  306.                                                         <span class="number-text">Найменування об’єкту </br>(інформація з паспорта точки розподілу)</span>
  307.                                                     </div>
  308.                                                 </div>
  309.                                                 <div class="header-green col-md-6">
  310.                                                     <input id="services_record_ob_name_ob1" name="record_ob_name" type="text" placeholder="Найменування об’єкту" class="form-control" value="" onfocus="setGreenActive (event)">
  311.                                                 </div>
  312.                                             </div>
  314.                                             <div class="green-inner">
  315.                                                 <div class="header-green col-md-6">
  316.                                                     <div class="form-left d-flex align-items-center height0">
  317.                                                         <span class="number-form">16</span>
  318.                                                         <span class="number-text">Адреса розташування об’єкту</span>
  319.                                                     </div>
  320.                                                 </div>
  321.                                                 <div class="header-green col-md-6">
  322.                                                     <input id="services_record_ob_adress_ob1" name="record_ob_adress" type="text" placeholder="Адреса розташування об’єкту" class="form-control" value="" onfocus="setGreenActive (event)">
  323.                                                 </div>
  324.                                             </div>
  326.                                             <div class="green-inner">
  327.                                                 <div class="header-green col-md-6">
  328.                                                     <div class="form-left d-flex align-items-center height0">
  329.                                                         <span class="number-form">17</span>
  330.                                                         <span class="number-text">EIC-код точки <br>розподілу</span>
  331.                                                     </div>
  332.                                                 </div>
  333.                                                 <div class="header-green col-md-6">
  334.                                                     <input id="services_record_eis_ust_ob1" name="record_eis_ust" type="text" placeholder="EIC-код точки розподілу" class="form-control eis_form" value="" maxlength="16" onfocus="setGreenActive (event)">
  335.                                                 </div>
  336.                                             </div>
  338.                                             <div class="green-inner">
  339.                                                 <div class="header-green col-md-6">
  340.                                                     <div class="form-left d-flex align-items-center height0">
  341.                                                         <span class="number-form">18</span>
  342.                                                         <span class="number-text">Дозволена <br>потужність</span>
  343.                                                     </div>
  344.                                                 </div>
  345.                                                 <div class="header-green col-md-6">
  346.                                                     <input id="services_record_ob_watt_ob1" name="record_ob_watt" type="text" placeholder="Дозволена до використання потужність (кВт)" class="form-control" value="" oninput="SetValidPersuid('services_record_ob_watt_ob1')" onfocus="setGreenActive (event)">
  347.                                                 </div>
  348.                                             </div>
  350.                                             <div class="green-inner">
  351.                                                 <div class="header-green col-md-6">
  352.                                                     <div class="form-left d-flex align-items-center height0">
  353.                                                         <span class="number-form">19</span>
  354.                                                         <span class="number-text">Вид об’єкту</span>
  355.                                                     </div>
  356.                                                 </div>
  357.                                                 <div class="header-green col-md-6 d-flex" >
  358.                                                     
  359.                                                     <input class="form-check-input service_on_list_checkbox_type_ob1" type="checkbox" value="" id="services_type_ob1_y" onclick="ServicesUDElZbSelTypeOb('y', 1)" onfocus="setGreenActive (event)">
  360.                                                     <div class="vertical-margin-auto">&nbsp;житлове</div>
  361.                                                     <input class="form-check-input  ml-20 service_on_list_checkbox_type_ob1" type="checkbox" value="" id="services_type_ob1_n" checked onclick="ServicesUDElZbSelTypeOb('n', 1)" onfocus="setGreenActive (event)">
  362.                                                     <div class="vertical-margin-auto">&nbsp;нежитлове</div>
  363.                                                     
  364.                                                 </div>
  365.                                             </div>
  367.                                             <div class="green-inner">
  368.                                                 <div class="header-green col-md-6">
  369.                                                     <div class="form-left d-flex align-items-center height0">
  370.                                                         <span class="number-form">20</span> <span class="number-text">Номер запису про право власності</span>
  371.                                                     </div>
  372.                                                 </div>
  373.                                                 <div class="header-green col-md-6">
  374.                                                     <input name="vlnumbers1" class="form-control" id="services_record_vl_number1" type="text" placeholder="Номер запису про право власності" aria-label="default input" value="" onfocus="setGreenActive (event)">
  375.                                                 </div>
  376.                                             </div>
  377.                                             <div class="green-inner">
  378.                                                 <div class="header-green col-md-6">
  379.                                                     <div class="form-left d-flex align-items-center height0">
  380.                                                         <span class="number-form">21</span> <span class="number-text">та реєстраційний номер об'єкта нерухомого майна в Державному реєстрі речових прав на нерухоме майно</span>
  381.                                                     </div>
  382.                                                 </div>
  383.                                                 <div class="header-green col-md-6">
  384.                                                     <input name="resnumbers1" class="form-control" id="services_reestr_number1" type="text" placeholder="Реєстраційний номер" aria-label="default input" value="" onfocus="setGreenActive (event)">
  385.                                                 </div>
  386.                                             </div>
  387.                                             <div class="green-inner">
  388.                                                 <div class="header-green col-md-6">
  389.                                                     <div class="form-left d-flex align-items-center height0">
  390.                                                         <span class="number-form">22</span> <span class="number-text">або назва, номер та дата видачі (підписання) документа, який підтверджує право користування об'єктом</span>
  391.                                                     </div>
  392.                                                 </div>
  393.                                                 <div class="header-green col-md-6">
  394.                                                     <input class="form-control" id="services_other_dok_vl1" type="text" placeholder="Назва, номер та дата видачі документа" aria-label="default input" value="" onfocus="setGreenActive (event)">
  395.                                                 </div>
  396.                                             </div>
  398.                                             <div class="green-inner">
  399.                                                 <div class="header-green col-md-6">
  400.                                                     <div class="form-left d-flex align-items-center height0">
  401.                                                         <span class="number-form">23</span>
  402.                                                         <span class="number-text">Заявка про обсяги <br>договірного <br>споживання <br>електричної енергії (кВт)</span>
  403.                                                     </div>
  404.                                                 </div>
  405.                                                 <div class="header-green col-md-6">
  406.                                                     <div class="row">
  407.                                                         <div class="col-md-4 d-flex w-100">
  408.                                                             <input type="text" class="form-control" value="" id="services_watt_1_ob1" placeholder="Січень" oninput="SetValidPersuid('services_watt_1_ob1')" onfocus="setGreenActive (event)">
  409.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_2_ob1" placeholder="Лютий" oninput="SetValidPersuid('services_watt_2_ob1')" onfocus="setGreenActive (event)">
  410.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_3_ob1" placeholder="Березень" oninput="SetValidPersuid('services_watt_3_ob1')" onfocus="setGreenActive (event)">
  411.                                                         </div>
  412.                                                     </div>
  413.                                                     <div class="row margin-top-20">
  414.                                                         <div class="col-md-4 d-flex w-100" >
  415.                                                             <input type="text" class="form-control" value="" id="services_watt_4_ob1" placeholder="Квітень" oninput="SetValidPersuid('services_watt_4_ob1')" onfocus="setGreenActive (event)">
  416.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_5_ob1" placeholder="Травень" oninput="SetValidPersuid('services_watt_5_ob1')" onfocus="setGreenActive (event)">
  417.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_6_ob1" placeholder="Червень" oninput="SetValidPersuid('services_watt_6_ob1')" onfocus="setGreenActive (event)">
  418.                                                         </div>
  419.                                                     </div>
  420.                                                     <div class="row margin-top-20">
  421.                                                         <div class="col-md-4 d-flex w-100">
  422.                                                             <input type="text" class="form-control" value="" id="services_watt_7_ob1" placeholder="Липень" oninput="SetValidPersuid('services_watt_7_ob1')" onfocus="setGreenActive (event)">
  423.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_8_ob1" placeholder="Серпень" oninput="SetValidPersuid('services_watt_8_ob1')" onfocus="setGreenActive (event)">
  424.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_9_ob1" placeholder="Вересень" oninput="SetValidPersuid('services_watt_9_ob1')" onfocus="setGreenActive (event)">
  425.                                                         </div>
  426.                                                     </div>
  427.                                                     <div class="row margin-top-20">
  428.                                                         <div class="col-md-4 d-flex w-100">
  429.                                                             <input type="text" class="form-control" value="" id="services_watt_10_ob1" placeholder="Жовтень" oninput="SetValidPersuid('services_watt_10_ob1')" onfocus="setGreenActive (event)">
  430.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_11_ob1" placeholder="Листопад" oninput="SetValidPersuid('services_watt_11_ob1')" onfocus="setGreenActive (event)">
  431.                                                             <input type="text" class="form-control ml-20" value="" id="services_watt_12_ob1" placeholder="Грудень" oninput="SetValidPersuid('services_watt_12_ob1')" onfocus="setGreenActive (event)">
  432.                                                         </div>
  433.                                                     </div>
  434.                                                 </div>
  435.                                             </div>
  436.                                         </div>
  438.                                 <div class="green-inner">        
  439.                                         <div class="green-inner" id="services_inshi_obj_del" style="display: none">
  440.                                             <div class="header-green col-md-6"></div>
  441.                                              <div class="header-green col-md-6">
  442.                                                 <button type="button" class="btn-submit cancel ml-auto" onclick="delListUDElZb('inshi_obj')">Відмінити</button>
  443.                                              </div>
  444.                                         </div>
  446.                                         <div class="green-inner">
  447.                                             <div class="header-green col-md-6"></div>
  448.                                              <div class="header-green col-md-6">
  449.                                                 <button type="button" class="btn-submit mx-auto" onclick="addListUDElZbVC('inshi_obj')">+ об’єкт</button>
  450.                                              </div>
  451.                                         </div>
  452.                                 </div>
  453.                            
  454.                             
  455.                             <div class="green-inner">
  456.                                 <div class="header-green col-md-12">
  457.                                     <p>
  458.                                         <div class="form-check">
  459.                                             <input type="checkbox" id="services_puhoda_ok" class="form-check-input" onfocus="setGreenActive (event)">
  460.                                             <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>
  461.                                         </div>
  462.                                     </p>
  463.                                     <p>
  464.                                         <div class="form-check">
  465.                                             <input type="checkbox" id="services_user_ok" class="form-check-input" onfocus="setGreenActive (event)">
  466.                                             <label title="" for="services_user_ok" class="form-check-label w-90">Надаю згоду на збір, обробку та використання персональних даних</label>
  467.                                         </div>
  468.                                     </p>
  469.                                 </div>
  470.                                 
  471.                             </div>
  472.                             <div class="green-inner">
  473.                                 <div class="header-green col-md-12">
  474.                                 </div>
  475.                             </div>
  476.                             <div class="green-inner">
  477.                                 <div class="header-green col-md-6">
  478.                                     <h4>Поділіться Вашими ID-карткою та/або РНОКПП через застосунок Дія</h4>
  479.                                 </div>
  480.                                 <div class="header-green col-md-6">
  481.                                     <button type="button" class="btn-submit"  onclick="ServicesUDElZbReqwestDeepLink('id')">Поділитися ID-карткою<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  482.                                 </div>
  483.                             </div>
  484.                             <div id="servise_send_ipn1" class="green-inner">
  485.                                 <div class="header-green col-md-6"></div>
  486.                                 <div class="header-green col-md-6">
  487.                                     <button type="button" class="btn-submit" onclick="ServicesShowPaspForm('zbut')">Поділитися РНОКПП<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  488.                                 </div>
  489.                             </div>
  490.                             <div id="servise_send_ipn2" class="invisible_form green-inner">
  491.                                 <div class="green-inner">
  492.                                     <div class="header-green col-md-6">
  493.                                         <div class="form-left d-flex align-items-center height0">
  494.                                             <span class="number-form" id="ipn_ser_passp_num_rows">24</span> <span class="number-text" id="title_seria_pass">Серія паспорта</span>
  495.                                         </div>
  496.                                     </div>
  497.                                     <div class="header-green col-md-6">
  498.                                         <input class="form-control" id="services_ser_pass" type="text" placeholder="Серія паспорта" aria-label="default input" value="" onfocus="setGreenActive (event)">
  499.                                     </div>
  500.                                 </div>
  501.                                 <div class="green-inner">
  502.                                     <div class="header-green col-md-6">
  503.                                         <div class="form-left d-flex align-items-center height0">
  504.                                             <span class="number-form" id="ipn_num_passp_num_rows">25</span> <span class="number-text" id="title_sn_pass">Номер паспорта</span>
  505.                                         </div>
  506.                                     </div>
  507.                                     <div class="header-green col-md-6">
  508.                                         <input class="form-control" id="services_num_pass" type="text" placeholder="Номер паспорта" aria-label="default input" value="" onfocus="setGreenActive (event)">
  509.                                     </div>
  510.                                 </div>
  511.                                 <div class="header-green col-md-6"></div>
  512.                                 <div class="header-green col-md-6">
  513.                                     <button type="button" class="btn-submit" onclick="ServicesUDElZbReqwestDeepLink('tc')">Поділитися РНОКПП<img src="/img/arrow-right-green.svg" width="20" height="16" alt=""> </button>
  514.                                 </div>
  515.                             </div>
  516.                             <div class="green-inner">
  517.                                 <div class="header-green col-md-12"></div>
  518.                             </div> 
  519.                         </div>
  520.                     </div>
  521.                 </div>
  522.             </div>
  523.         </div>
  524.     </section>
  525.     <script>
  526.         $(document).ready(function () {
  527.             $("#sevice_phone").inputmask({"mask": "(+380) 99-999-99-99"});
  528.             
  529.         });
  530.     </script>   
  531.   <script>OnloadStep2()</script>
  533. {% endblock %}