КОНТРОЛЫ/payer.md

Исходный код
Twig код
{% set value = element.cf[cf.ID].VALUE[key] %}
{% set is_contact = value.entity_id > 0 and value.entity_type == 'contacts' %}

<div class="payer js-control-payer {{ class_name }}" data-search-in="{{ cf.SETTINGS.search_in|default('') }}">
  <div class="payer__item payer__item_name">
    {% include "interface/controls/suggest.twig" with {
      class_name: 'payer__suggest payer__suggest_name',
      additional_data: 'spellcheck="false" data-query-type="name"',
      input_class_name: 'linked-form__cf js-payer-name' ~ ' ' ~ input_class_name,
      items: [],
      value: value.name|default(''),
      input_type: 'text',
      name: name ~ '[name]',
      ajax: {},
      placeholder: "Full name / Company name"|i18n,
      disabled: disabled,
    } %}
  </div>

  <div class="payer__item payer__item_labeled {% if is_contact %}hidden{% endif %}">
    <span class="payer__item-label">{{ "ITIN"|i18n }}</span>

    {% include "interface/controls/suggest.twig" with {
      class_name: 'payer__suggest payer__suggest_vat-id',
      additional_data: 'spellcheck="false" data-query-type="vat-id"',
      input_class_name: 'linked-form__cf js-payer-vat-id payer__item-mini-input js-control-allow-numeric',
      items: [],
      value: value.vat_id|default(''),
      input_type: 'text',
      name: name ~ '[vat_id]',
      styled_input: true,
      ajax: {},
    } %}
  </div>

  <div class="payer__item payer__item_labeled {% if is_contact %}hidden{% endif %}">
    <span class="payer__item-label">{{ "IEC"|i18n }}</span>

    {% include "interface/controls/suggest.twig" with {
      class_name: 'payer__suggest payer__suggest_kpp',
      additional_data: 'spellcheck="false" data-query-type="kpp"',
      input_class_name: 'linked-form__cf js-payer-kpp payer__item-mini-input js-control-allow-numeric',
      items: [],
      value: value.kpp|default(''),
      input_type: 'text',
      name: name ~ '[kpp]',
      styled_input: true,
      ajax: {},
    } %}
  </div>

  <div class="payer__item payer__item_labeled {% if is_contact %}hidden{% endif %}">
    <span class="payer__item-label">{{ "Registration #"|i18n }}</span>

    {% include "interface/controls/suggest.twig" with {
      class_name: 'payer__suggest payer__suggest_tax-registration-reason-code',
      additional_data: 'spellcheck="false" data-query-type="tax-registration-reason-code"',
      input_class_name: 'linked-form__cf js-payer-tax-registration-reason-code payer__item-mini-input js-control-allow-numeric',
      items: [],
      value: value.tax_registration_reason_code|default(''),
      input_type: 'text',
      name: name ~ '[tax_registration_reason_code]',
      styled_input: true,
      ajax: {},
    } %}
  </div>

  {% if value.bank_code %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "Bank code"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_bank-code',
        additional_data: 'spellcheck="false" data-query-type="bank-code"',
        input_class_name: 'linked-form__cf js-payer-bank-code payer__item-mini-input',
        items: [],
        value: value.bank_code|default(''),
        input_type: 'text',
        name: name ~ '[bank_code]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.unp %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "УНП"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_unp',
        additional_data: 'spellcheck="false" data-query-type="unp"',
        input_class_name: 'linked-form__cf js-payer-unp payer__item-mini-input',
        items: [],
        value: value.unp|default(''),
        input_type: 'text',
        name: name ~ '[unp]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.bin %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "БИН"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_bin',
        additional_data: 'spellcheck="false" data-query-type="bin"',
        input_class_name: 'linked-form__cf js-payer-bin payer__item-mini-input',
        items: [],
        value: value.bin|default(''),
        input_type: 'text',
        name: name ~ '[bin]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.egrpou %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "ЕГРПОУ"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_egrpou',
        additional_data: 'spellcheck="false" data-query-type="egrpou"',
        input_class_name: 'linked-form__cf js-payer-egrpou payer__item-mini-input',
        items: [],
        value: value.egrpou|default(''),
        input_type: 'text',
        name: name ~ '[egrpou]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.mfo %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "MFO"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_mfo',
        additional_data: 'spellcheck="false" data-query-type="mfo"',
        input_class_name: 'linked-form__cf js-payer-mfo payer__item-mini-input',
        items: [],
        value: value.mfo|default(''),
        input_type: 'text',
        name: name ~ '[mfo]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.bank_account_number %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "Р/С"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_bank-account-number',
        additional_data: 'spellcheck="false" data-query-type="bank-account-number"',
        input_class_name: 'linked-form__cf js-payer-bank-account-number payer__item-mini-input',
        items: [],
        value: value.bank_account_number|default(''),
        input_type: 'text',
        name: name ~ '[bank_account_number]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.oked %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "oked"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_oked',
        additional_data: 'spellcheck="false" data-query-type="oked"',
        input_class_name: 'linked-form__cf js-payer-oked payer__item-mini-input',
        items: [],
        value: value.oked|default(''),
        input_type: 'text',
        name: name ~ '[oked]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  {% if value.director %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "Director"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_director',
        additional_data: 'spellcheck="false" data-query-type="director"',
        input_class_name: 'linked-form__cf js-payer-director payer__item-mini-input',
        items: [],
        value: value.director|default(''),
        input_type: 'text',
        name: name ~ '[director]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  <div class="payer__item payer__item_labeled">
    <span class="payer__item-label">{{ "CF_NAME_ADDRESS"|i18n }}</span>

    {% include "interface/controls/suggest.twig" with {
      class_name: 'payer__suggest payer__suggest_address',
      additional_data: 'spellcheck="false" data-query-type="address"',
      input_class_name: 'linked-form__cf js-payer-address payer__item-mini-input',
      items: [],
      value: value.address|default(''),
      input_type: 'text',
      name: name ~ '[address]',
      styled_input: true,
      ajax: {},
    } %}
  </div>

  {% if value.real_address %}
    <div class="payer__item payer__item_labeled">
      <span class="payer__item-label">{{ "Real address"|i18n }}</span>

      {% include "interface/controls/suggest.twig" with {
        class_name: 'payer__suggest payer__suggest_real-address',
        additional_data: 'spellcheck="false" data-query-type="real-address"',
        input_class_name: 'linked-form__cf js-payer-real-address payer__item-mini-input',
        items: [],
        value: value.real_address|default(''),
        input_type: 'text',
        name: name ~ '[real_address]',
        styled_input: true,
        ajax: {},
      } %}
    </div>
  {% endif %}

  <input type="hidden" class="js-linked-entity-id" name="{{ name ~ '[entity_id]' }}" value="{{ value.entity_id }}">
  <input type="hidden" class="js-linked-entity-type" name="{{ name ~ '[entity_type]' }}" value="{{ value.entity_type }}">
</div>