{{ header }}
<header class="background-white bottom-margin-large bottom-padding-large">
  <div class="container-fluid">
    <div class="row no-space-xs middle-xs">
      <div class="col-xs-12 col-sm-6 col-md">
        <div class="content-box top-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-6 col-md-width-auto">
        <div class="content-box top-padding-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>
      <div class="col-xs-12">
        {% if error_warning %}
          <div class="text-small text-warning background-warning padding-medium rounded-x-small full-width">{{ error_warning }}</div>
        {% endif %}
      </div>
    </div>
  </div>
</header>
<form action="{{ action }}" method="post" class="js-main-form">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-12 col-md-8">
        <div class="content-box">
          <div class="flex end-xs middle-xs bottom-padding-medium">
            <button type="button" id="addModuleButton" class="btn-default btn-medium btn-primary">
              <span>{{ button_add_module }}</span>
            </button>
          </div>
        </div>

        <div id="module">
          {% for key, module in modules %}
            <div id="{{ key }}" class="content-box background-white padding-large bottom-margin-medium shadow-small adm-focus-within js-module">
              <div class="row x-small-space-xs">
                <div class="col-md">
                  <label class="field field-medium">
                    <span class="field-label">{{ text_tittle }}</span>
                    <input
                      class="field-entry"
                      type="text"
                      name="descontofaixavalorpedido_module[{{ key }}][texto]"
                      value="{{ module.texto }}"
                    />
                  </label>
                </div>
                <div class="row x-small-space-xs top-padding-medium">
                  <div class="col-xs-6 col-sm-2">
                    <label class="field field-medium">
                      <span class="field-label">{{ text_price_range }}</span>
                      <input
                        class="field-entry mask-number"
                        type="text"
                        name="descontofaixavalorpedido_module[{{ key }}][valor_perfil]"
                        value="{{ module.valor_perfil }}"
                      />
                    </label>
                  </div>
                  <div class="col-md-width-md">
                    <label class="field field-medium">
                      <span class="field-label">{{ text_type_discount }}</span>
                      <select class="field-entry" id="tipo_valor_{{ key }}" name="descontofaixavalorpedido_module[{{ key }}][tipo_valor]">
                        <option value="1" {{ module.tipo_valor ? 'selected="selected"' : '' }}>
                          {{ text_percent }}
                        </option>
                        <option value="0" {{ not module.tipo_valor ? 'selected="selected"' : '' }}>
                          {{ text_monetary }}
                        </option>
                      </select>
                    </label>
                  </div>
                  <div class="col-xs-6 col-sm-2">
                    <label class="field field-medium">
                      <span class="field-label js-label">{{ text_value }}{{ module.tipo_valor == 1 ? ' (%)' : ' (R$)' }}</span>
                      <input
                        class="field-entry mask-number"
                        type="text"
                        id="valor_desconto_{{ key }}"
                        {{ module.tipo_valor ? 'maxlength="2"' : '' }}
                        name="descontofaixavalorpedido_module[{{ key }}][valor_desconto]"
                        value="{{ module.valor_desconto }}"
                      />
                    </label>
                  </div>

                  <div class="col-md width-auto">
                    <label class="field field-medium">
                        <div class="cursor-pointer tooltip-region-rule" data-tooltip="{{ text_geo_zone_rule }}">
                          <span class="field-label">{{ text_geo_zones }}
                            <i class="icon-info fas fa-info-circle"></i>
                          </span>
                        </div>
                      <select 
                        class="field-entry" 
                        id="geo_zone_id{{ key }}" 
                        name="descontofaixavalorpedido_module[{{ key }}][geo_zone_id]">
                        <option value="0" {% if module.geo_zone_id == 0 %} selected="selected" {% endif %}>{{ text_all_zones }}</option>
                        {% for zone in geo_zones %}
                            <option value="{{ zone.geo_zone_id }}" {% if module.geo_zone_id == zone.geo_zone_id %} selected="selected" {% endif %}>{{ zone.name }}</option>
                        {% endfor %}
                      </select>
                    </label>
                  </div>

                  <div class="col-sm">
                    <label class="field field-medium">
                      <span class="field-label" data-tooltip="zero para não validar">{{ text_date_expire }}</span>
                      <input
                        class="field-entry mask-number2"
                        type="number"
                        id="periodo_dias_desconto_{{ key }}"
                        name="descontofaixavalorpedido_module[{{ key }}][periodo_dias_desconto]"
                        value="{{ module.periodo_dias_desconto is defined ? module.periodo_dias_desconto : '0' }}"
                      />
                    </label>
                  </div>
                  <div class="col-xs-12 col-md-width-auto">
                    <div class="padding-medium cursor-pointer top-margin-medium js-remove-module" data-tooltip="remover">
                      <i class="fas fa-trash text-gray"></i>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          {% endfor %}
        </div>

      </div>
      <div class="col-xs-12 col-md-4">
        <div class="content-box background-white shadow-small padding-large">
          <label class="field field-medium">
            <span class="field-label">{{ text_status }}</span>
            <select class="field-entry" name="descontofaixavalorpedido_status">
              <option
                value="1" {{ descontofaixavalorpedido_status ? 'selected="selected"' : '' }}
              >
                {{ text_enabled }}
              </option>
              <option
                value="0" {{ not descontofaixavalorpedido_status ? 'selected="selected"' : '' }}
              >
                {{ text_disabled }}
              </option>
            </select>
          </label>
          <label class="field field-medium top-margin-medium">
            <span class="field-label">{{ text_tipooperacao }}</span>
            <select class="field-entry" name="descontofaixavalorpedido_tipo">
              <option value="1" {{ descontofaixavalorpedido_tipo ? 'selected="selected"' : '' }}>{{ text_discount }}</option>
              <option value="0" {{ not descontofaixavalorpedido_tipo ? 'selected="selected"' : '' }}>{{ text_add }}</option>
            </select>
          </label>
          <label class="field field-medium top-margin-medium">
            <span class="field-label">{{ text_valorbase }}</span>
            <!--
            - desabilitada a opção de calcular o desconto sobre o total do pedido,
            - pq alem dos produtos tem outras taxas, como o frete..
            - nao eh viavel para os clientes dar desconto em cima do frete e demais taxas
            -->
            <select class="field-entry" name="descontofaixavalorpedido_valor_base" >
              <option value="1" selected="selected">{{ text_products_total }}</option>
              <!-- <option value="0">{{ "Total do pedido" }}</option> -->
            </select>
          </label>
          <label class="field field-medium top-margin-medium">
            <span class="field-label">{{ text_status_validade }}</span>
            <select class="field-entry" name="descontofaixavalorpedido_status_validade" id="descontofaixavalorpedido_status_validade" >
              {% for order_status in order_statuses %}
                <option
                  value="{{ order_status.order_status_id }}"
                  {{ order_status.order_status_id == descontofaixavalorpedido_status_validade ? 'selected="selected"' : '' }}
                >
                  {{ order_status.name }}
                </option>
              {% endfor %}
            </select>
          </label>
          <label class="field field-medium top-margin-medium">
            <span class="field-label">{{ text_ordem }}</span>
            <input
              class="field-entry mask-number"
              type="text"
              name="descontofaixavalorpedido_sort_order"
              value="{{ descontofaixavalorpedido_sort_order }}" size="3"
            />
          </label>
        </div>
      </div>
    </div>
  </div>
</form>
<script>
  var
    textTittle = '{{ text_tittle }}',
    textPriceRange = '{{ text_price_range }}',
    textTypeDiscount = '{{ text_type_discount }}',
    textPercent = '{{ text_percent }}',
    textMonetary = '{{ text_monetary }}',
    textValue = '{{ text_value }}',
    textDateExpire = '{{ text_date_expire }}',
    textGeoZones = '{{ text_geo_zones }}',
    textAllZones = '{{ text_all_zones }}',
    geoZones = {{ geo_zones|json_encode|raw }};
</script>
{{ footer }}
