{{ header }}
<div class="background-white bottom-margin-large" data-info='{ "modules": {{ modules|json_encode() }}, "modules_interests": {{ modules_interests|json_encode() }}, "languagesJS": {{ languageForJS|json_encode() }}, "layouts": {{ layouts|json_encode() }}, "error_limit": {{ error_limit|json_encode() }}, "error_grid_limit": {{ error_grid_limit|json_encode() }}, "error_sort_order": {{ error_sort_order|json_encode() }}, "categories": {{ categories|json_encode() }}, "positions": {{ positions|json_encode() }} }'>
  <div class="container-fluid">
    <div class="row no-space-xs middle-xs">
      <div class="col-xs-12 col-sm col-md">
        <div class="content-box vertical-padding-large">
          <span class="text-x-large text-dark">{{ heading_title }}</span>
          <div class="adm-breadcrumb">
            {% for breadcrumb in breadcrumbs %}
              <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
              <a href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
            {% endfor %}
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-width-auto col-md-width-auto">
        <div class="content-box vertical-padding-x-large flex flex-row middle-xs">
          <a href="{{ cancel }}" class="btn-default btn-medium btn-outline right-margin-small">
						<span>{{ button_cancel }}</span>
					</a>
					<button type="button" class="btn-default btn-medium btn-primary js-submit-main-form">
						<span>{{ button_save }}</span>
					</button>
        </div>
      </div>
      {% if error_warning %}
        <div class="col-xs-12">
          <div class="warning">{{ error_warning }}</div>
        </div>
      {% endif %}
    </div>
  </div>
</div>
<form action="{{ action }}" method="post" class="js-main-form">
  <div class="container-fluid">
    <div class="background-white padding-large shadow-small bottom-margin-large">
      <div class="row x-small-space-xs">
        <div class="col-md">
          <label class="field field-medium">
            <span class="field-label">{{ text_lpbc_module_interests }}</span>
            <select class="field-entry controller js-controller" name="lpbc_module_interests_status">
              {% for key, value in Type_DsimDnao.getEnumList() %}
                <option data-controlled="interests-{{ key }}" value="{{ key }}" {{ key == lpbc_module_interests_status ? 'selected' : '' }}>
                  {{ value }}
                </option>
              {% endfor %}
            </select>
          </label>
        </div>
        <div class="col-md">
          <label class="field field-medium interests-1" {{ (lpbc_module_interests_status is defined and (lpbc_module_interests_status==Type_DsimDnao.Tp_Sim)) ? '' : 'style="display:none;"' }}>
            <span class="field-label">{{ text_lpbc_module_interests_limit }}</span>
            <input type="text" name="lpbc_module_interests_limit" class="field-entry mask-number2" value="{{ lpbc_module_interests_limit is defined  ? lpbc_module_interests_limit : '' }}">
          </label>
        </div>
        <div class="col-md">
          <label class="field field-medium top-padding-medium interests-1" {{ (lpbc_module_interests_status is defined and (lpbc_module_interests_status==Type_DsimDnao.Tp_Sim)) ? '' : 'style="display:none;"' }}>
            <span class="field-label">{{ text_lpbc_module_interests_order }}</span>
            <input type="text" name="lpbc_module_interests_order" class="field-entry mask-number2" value="{{ lpbc_module_interests_order is defined  ? lpbc_module_interests_order : '' }}">
          </label>
        </div>
      </div>
    </div>
    <div class="js-no-interest hidden">
      <div class="flex between-xs middle-xs bottom-padding-large">
        <span class="text-x-large text-dark">{{ text_module }}</span>
        <button type="button" class="btn-default btn-medium btn-primary" id="add_no_interest">
          <span>{{ button_add_module }}</span>
        </button>
      </div>
      <div id="container_no_interest"></div>
    </div>

    <div class="js-interest hidden">
      <div class="flex between-xs middle-xs bottom-padding-large">
        <span class="text-x-large text-dark">{{ text_module }}</span>
        <button type="button" class="btn-default btn-medium btn-primary" id="add_interest">
          <span>{{ button_add_module }}</span>
        </button>
      </div>
      <div id="container_interest"></div>
    </div>
  </div>



</form>
{{ footer }}
