templates/app/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}ФГИС «Зерно»{% endblock %}
  5. {% block body %}
  6.     <header class="border-bottom py-2">
  7.         <div class="container col-12 col-lg-6 d-flex justify-content-between align-items-center">
  8.             <a href="https://zerno.mcx.gov.ru/" class="d-flex align-items-center"><img class="logo me-3" src="/images/logo.svg"/>ФГИС «Зерно»</a>
  9.             <a href="https://mcx.gov.ru/"><img src="/images/gerb.svg"/></a>
  10.         </div>
  11.     </header>
  12.     <main class="flex-grow-1">
  13.         <div class="container col-12 col-lg-6 h-100 py-4 py-lg-5 px-md-4 px-lg-5">
  14.             <h3>Аварийная форма выдачи номеров партий и СДИЗ</h3>
  15.             <p class="text-body-secondary">Тут инструкция какая-нибудь коротенькая или вводное слово.</p>
  16.             <form class="mt-4 needs-validation">
  17.                 <div class="page-loader"><div><span></span><span></span><span></span></div><p>Создаем документы</p></div>
  18.                 <div class="mb-3">
  19.                     <div id="packType" class="btn-group" role="group">
  20.                         <input type="radio" class="btn-check" name="fieldPackType" id="fieldPackType1" autocomplete="off" value="parts" data-btntxt="Получить номера партий" data-btncls="btn-success" checked>
  21.                         <label class="btn btn-outline-success" for="fieldPackType1">Номера партий</label>
  23.                         <input type="radio" class="btn-check" name="fieldPackType" id="fieldPackType2" value="sdiz" autocomplete="off"  data-btntxt="Получить номера СДИЗ" data-btncls="btn-primary">
  24.                         <label class="btn btn-outline-primary" for="fieldPackType2">Номера СДИЗ</label>
  26.                         <input type="radio" class="btn-check" name="fieldPackType" id="fieldPackType3" value="all" autocomplete="off" data-btntxt="Получить номера партий и СДИЗ" data-btncls="btn-warning">
  27.                         <label class="btn btn-outline-warning" for="fieldPackType3">Номера партий и СДИЗ</label>
  28.                     </div>
  29.                 </div>
  30.                 <div class="mb-3">
  31.                     <label for="fieldName" class="form-label fw-semibold">Ваше имя</label>
  32.                     <input type="text" class="form-control" id="fieldName" name="fieldName" maxlength="128" required>
  33.                 </div>
  34.                 <div class="mb-3">
  35.                     <label for="fieldEmail" class="form-label fw-semibold">Электронный адрес</label>
  36.                     <input type="email" class="form-control" id="fieldEmail" name="fieldEmail" maxlength="64" required>
  37.                 </div>
  38.                 <div class="row">
  39.                     <div class="mb-3 col-12 col-sm-6">
  40.                         <label for="fieldInn" class="form-label fw-semibold">ИНН</label>
  41.                         <input type="text" class="form-control" id="fieldInn" name="fieldInn" data-parsley-inn required>
  42.                     </div>
  43.                     <div class="mb-3 col-12 col-sm-6">
  44.                         <label for="fieldKpp" class="form-label fw-semibold">КПП</label>
  45.                         <input type="text" class="form-control" id="fieldKpp" name="fieldKpp" placeholder="Заполняется автоматически по ИНН" data-parsley-kpp required>
  46.                     </div>
  47.                 </div>
  48.                 <div class="mb-3">
  49.                     <label for="fieldOrgName" class="form-label fw-semibold">Наименование организации</label>
  50.                     <input type="text" class="form-control" id="fieldOrgName" name="fieldOrgName" placeholder="Заполняется автоматически по ИНН" maxlength="255" required>
  51.                 </div>
  52.                 <div class="row mb-3">
  53.                     <label class="form-label fw-semibold w-100">Вид продукции</label>
  54.                     <div class="col-auto">
  55.                         <div class="form-check">
  56.                             <input class="form-check-input" type="radio" name="fieldProdType" id="fieldProdType1" value="1" required>
  57.                             <label class="form-check-label" for="fieldProdType1">Зерно</label>
  58.                         </div>
  59.                     </div>
  60.                     <div class="col-auto">
  61.                         <div class="form-check">
  62.                             <input class="form-check-input" type="radio" name="fieldProdType" id="fieldProdType2" value="2">
  63.                             <label class="form-check-label" for="fieldProdType2">Продукт переработки зерна</label>
  64.                         </div>
  65.                     </div>
  66.                 </div>
  67.                 <div class="mb-3 position-relative">
  68.                     <label for="fieldOkpd" class="form-label fw-semibold">Выбрать ОКПД2</label>
  69.                     <select class="form-control" id="fieldOkpd" name="fieldOkpd" required></select>
  70.                 </div>
  71.                 <div class="row mb-3">
  72.                     <label class="form-label fw-semibold w-100">Операция</label>
  73.                     <div class="col-12 col-md-auto">
  74.                         <div class="form-check">
  75.                             <input class="form-check-input" type="radio" name="fieldDirection" id="fieldDirection1" value="1" required>
  76.                             <label class="form-check-label" for="fieldDirection1">На территории РФ</label>
  77.                         </div>
  78.                     </div>
  79.                     <div class="col-12 col-md-auto">
  80.                         <div class="form-check">
  81.                             <input class="form-check-input" type="radio" name="fieldDirection" id="fieldDirection2" value="2">
  82.                             <label class="form-check-label" for="fieldDirection2">Ввоз на территорию РФ</label>
  83.                         </div>
  84.                     </div>
  85.                     <div class="col-12 col-md-auto">
  86.                         <div class="form-check">
  87.                             <input class="form-check-input" type="radio" name="fieldDirection" id="fieldDirection3" value="3">
  88.                             <label class="form-check-label" for="fieldDirection3">Вывоз с территории РФ</label>
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.                 <div class="mb-3 d-none">
  93.                     <label for="fieldTnved" class="form-label fw-semibold">Соответствующий код ТНВЭД</label>
  94.                     <select class="form-control" id="fieldTnved" name="fieldTnved"><option></option></select>
  95.                 </div>
  96.                 <div class="mb-3 d-none">
  97.                     <label for="fieldCountry" class="form-label fw-semibold">Страна назначения</label>
  98.                     <select class="form-control" id="fieldCountry" name="fieldCountry"><option></option></select>
  99.                 </div>
  100.                 <div class="row mb-3 d-none">
  101.                     <div class="col-12 col-md-auto col-lg-2">
  102.                         <div class="form-check">
  103.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose1" value="1">
  104.                             <label class="form-check-label" for="fieldPurpose1">Реализация</label>
  105.                         </div>
  106.                     </div>
  107.                     <div class="col-12 col-md-auto col-lg-2">
  108.                         <div class="form-check">
  109.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose2" value="2">
  110.                             <label class="form-check-label" for="fieldPurpose2">Перевозка</label>
  111.                         </div>
  112.                     </div>
  113.                     <div class="col-12 col-md-auto col-lg-8">
  114.                         <div class="form-check">
  115.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose3" value="3">
  116.                             <label class="form-check-label" for="fieldPurpose3">Реализация и перевозка</label>
  117.                         </div>
  118.                     </div>
  119.                     <div class="col-12 col-md-auto col-lg-2">
  120.                         <div class="form-check">
  121.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose4" value="4">
  122.                             <label class="form-check-label" for="fieldPurpose4">Приемка</label>
  123.                         </div>
  124.                     </div>
  125.                     <div class="col-12 col-md-auto col-lg-2">
  126.                         <div class="form-check">
  127.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose5" value="5">
  128.                             <label class="form-check-label" for="fieldPurpose5">Отгрузка</label>
  129.                         </div>
  130.                     </div>
  131.                     <div class="col-12 col-md-auto">
  132.                         <div class="form-check">
  133.                             <input class="form-check-input" type="radio" name="fieldPurpose" id="fieldPurpose6" value="6">
  134.                             <label class="form-check-label" for="fieldPurpose6">Приемка и отгрузка</label>
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.                 <a id="okpdAttributesToggler" class="mb-3 fw-semibold collapsed" data-bs-toggle="collapse" href="#okpdAttributes" role="button" aria-expanded="false" aria-controls="collapseExample">Необходимые потребительские свойства</a>
  139.                 <div id="okpdAttributes" class="collapse mb-3">
  140.                     <div class="spinner-border spinner-border-sm text-secondary" role="status"><span class="visually-hidden">Загрузка...</span></div>
  141.                     <ul class="list-group"></ul>
  142.                 </div>
  143.                 <div class="row inline-input align-items-center mb-3">
  144.                     <div class="col-auto pe-0">
  145.                         <label for="fieldQty" class="col-form-label fw-semibold m-0 p-0">Количество требуемых номеров</label>
  146.                         <span class="form-text d-block m-0 p-0 mb-1 mb-md-0">максимум 100</span>
  147.                     </div>
  148.                     <div class="col-6 col-md-3 col-xxl-2">
  149.                         <input type="number" id="fieldQty" name="fieldQty" class="form-control text-center" min="1" max="100" required>
  150.                     </div>
  151.                 </div>
  152.                 <div class="row mt-4">
  153.                     <div class="col-12 col-md-6 col-xxl-5"><button id="btnSubmit" type="submit" class="d-none"></button></div>
  154.                 </div>
  155.             </form>
  156.             <div id="resultCnt" class="d-none"></div>
  157.         </div>
  158.     </main>
  159.     <footer class="border-top py-2">
  160.         <div class="container col-12 col-lg-6 copyright">
  161.             <a href="https://mcx.gov.ru/" target="_blank">&copy; Министерство сельского хозяйства РФ, {{ "now"|date("Y") }}</a>
  162.         </div>
  163.     </footer>
  164.     <div id="toastsStack" aria-live="polite" aria-atomic="true" class="toast-container position-fixed top-0 start-50 translate-middle-x pt-5 d-none"></div>
  165. {% endblock %}