<div class="row">
  <div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
      <div class="x_title">
        <h2>{{ mt._('admin.menu.filtervisibility') }}</h2>
        <div class="clearfix"></div>
      </div>

      <div class="x_content">
        <div class="row pt-10x">
          <table id="datatable-keytable" class="table table-striped table-bordered">
            <thead>
              <tr style="text-transform:capitalize">
                <th>{{ mt._('_common.type') }}</th>
                <th>{{ mt._('_common.sorting') }}</th>
                <th>{{ mt._('_common.hidden') }}</th>
                <th>{{ mt._('_common.lang.it') }}</th>
                <th>{{ mt._('_common.lang.en') }}</th>
                <th>{{ mt._('_common.lang.es') }}</th>
                <th>{{ mt._('_common.lang.de') }}</th>
                <th>{{ mt._('_common.lang.fr') }}</th>
              </tr>
            </thead>

            <tbody>
              {% for flt in commonFilters %}
                {% set description = '' %}
                {% if flt['codic1'] == 'dscolo' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.color') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.color') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.color') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.color') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.color') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.color') %}
                {% elseif flt['codic1'] == 'tpmode' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.type') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.type') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.type') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.type') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.type') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.type') %}
                {% elseif flt['codic1'] == 'tpgene' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.genre') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.genre') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.genre') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.genre') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.genre') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.genre') %}
                {% elseif flt['codic1'] == 'taglia' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.size') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.size') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.size') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.size') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.size') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.size') %}
                {% elseif flt['codic1'] == 'cdpers' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.tissue') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.tissue') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.tissue') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.tissue') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.tissue') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.tissue') %}
                {% elseif flt['codic1'] == 'prezzo' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.filter.price') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] != '' ? flt['des_it'] : it._('_common.filter.price') %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : en._('_common.filter.price') %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : es._('_common.filter.price') %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : de._('_common.filter.price') %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : fr._('_common.filter.price') %}
                {% elseif flt['codic1'] == 'tipcla' %}
                  {% set description = '<span style="text-transform:capitalize">' ~ mt._('_common.classification') ~ '</span> (' ~ flt['codic1'] ~ ')' %}
                  {% set des_it = flt['des_it'] %}
                  {% set des_en = flt['des_en'] != '' ? flt['des_en'] : flt['des_it'] %}
                  {% set des_es = flt['des_es'] != '' ? flt['des_es'] : flt['des_it'] %}
                  {% set des_de = flt['des_de'] != '' ? flt['des_de'] : flt['des_it'] %}
                  {% set des_fr = flt['des_fr'] != '' ? flt['des_fr'] : flt['des_it'] %}
                {% endif %}

              <tr data-codic1="{{ flt['codic1'] }}" data-codic2="{{ flt['codic2'] }}">
                <td>{{ description }}</td>
                <td><input type="text" value="{{ flt['seqrap'] }}" name="seqrap" class="form-control"/></td>
                <td style="text-align:center">
                  <label class="checkbox-container">
                    <input type="checkbox" {{ flt['flbloc'] == 1 ? 'checked' : '' }}>
                    <span class="checkbox-checkmark"></span>
                  </label>
                </td>
                <td><input type="text" value="{{ des_it }}" name="des_it" class="form-control"/></td>
                <td><input type="text" value="{{ des_en }}" name="des_en" class="form-control"/></td>
                <td><input type="text" value="{{ des_es }}" name="des_es" class="form-control"/></td>
                <td><input type="text" value="{{ des_de }}" name="des_de" class="form-control"/></td>
                <td><input type="text" value="{{ des_fr }}" name="des_fr" class="form-control"/></td>
              </tr>
              {% endfor %}

              {% for flt in additionalFilters %}
              <tr data-codic1="{{ flt.tpinpu }}" data-codic2="{{ flt.tpcrar }}">
                <td>{{ flt.dscrar }}</td>
                <td><input type="text" value="{{ flt.seqrap }}" name="seqrap" class="form-control"/></td>
                <td style="text-align:center">
                  <label class="checkbox-container">
                    <input type="checkbox" {{ flt.flbloc == 1 ? 'checked' : '' }}>
                    <span class="checkbox-checkmark"></span>
                  </label>
                </td>
                <td><input type="text" value="{{ flt.des_it }}" name="des_it" class="form-control"/></td>
                <td><input type="text" value="{{ flt.des_en }}" name="des_en" class="form-control"/></td>
                <td><input type="text" value="{{ flt.des_es }}" name="des_es" class="form-control"/></td>
                <td><input type="text" value="{{ flt.des_de }}" name="des_de" class="form-control"/></td>
                <td><input type="text" value="{{ flt.des_fr }}" name="des_fr" class="form-control"/></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>

        <div class="row pt-10x">
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary left-btn w-30 save-visibility">{{ mt._('_common.save') }}</button>
          </div>
        </div>
        <div class="row pb-10x">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="msg-error float-left left">{{ mt._('_common.generic.db.error') }}</div>
            <div class="msg-success float-left left">{{ mt._('_common.generic.db.success') }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
