<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.customshipping') }}</h2>
        <div class="clearfix"></div>
      </div>

      <div class="x_content">
        <div class="row">
          <div class="col-md-8 col-sm-8 col-xs-8">
            <span class="inline-menu-title">{{ mt._('admin.actions') }}:</span>
            <span class="inline-menu-title"><a href="#" id="new-cond" data-toggle='modal' data-target='.modal-edit-cond'>{{ mt._('admin.condition.new') }}</a></span>
            <span class="inline-menu-title"><a href="#" id="del-cond" data-toggle='modal' data-target='.modal-delete-cond'>{{ mt._('admin.condition.delete') }}</a></span>
          </div>
          <div class="col-md-4 col-sm-4 col-xs-4 right p-0"></div>
        </div>
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="msg-bulk-error left fl" id="bulk-error"></div>
          </div>
        </div>

        {% if cus_shipments|length > 0 %}
        <div class="row pt-25x">
          <div class="col-md-12 col-sm-12 col-xs-12">

            <table id="table-cond" class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th class="no-sort"></th>
                  <th>{{ mt._('admin.condition.shipment') }}</th>
                  <th>{{ mt._('account.customer.carrier') }}</th>
                  <th>{{ mt._('admin.condition.addprice') }}</th>
                  <th>{{ mt._('admin.condition.minexpense') }}</th>
                  <th>{{ mt._('admin.condition.maxexpense') }}</th>
                  <th>{{ mt._('admin.condition.minweight') }}</th>
                  <th>{{ mt._('admin.condition.maxweight') }}</th>
                  <th>{{ mt._('_common.countries') }}</th>
                  <th></th>
                  <th></th>
                </tr>
              </thead>

              <tbody>
                {% for cond in cus_shipments %}
                  {% set datacdnazi = '' %}
                  {% if cond.countries|length == 1 %}
                    {% set datacdnazi = cond.countries[0].cdnazi %}
                  {% else %}
                    {% for country in cond.countries %}
                      {% if loop.index != 1 %}
                        {% set datacdnazi = datacdnazi ~ ',' %}
                      {% endif %}
                      {% set datacdnazi = datacdnazi ~ country.cdnazi %}
                    {% endfor %}
                  {% endif %}
                <tr data-numpor="{{ cond.numpor }}" data-tpport="{{ cond.tpport }}"
                  data-valmin="{{ cond.valmin }}" data-valmax="{{ cond.valmax }}"
                  data-pesmin="{{ cond.pesmin }}" data-pesmax="{{ cond.pesmax }}"
                  data-preagg="{{ cond.preagg }}" data-cdnazi="{{ datacdnazi }}"
                  data-dsvett="{{ cond.dsvett }}">
                  <td class="cb">
                    <label class="checkbox-container">
                      <input type="checkbox" name="status-checkbox[]" value=""/>
                      <span class="checkbox-checkmark"></span>
                    </label>
                  </td>
                  <td><span>{{ cond.tpport }} - {{ cond.dstpor }}</span></td>
                  <td><span>{{ cond.dsvett }}</span></td>
                  <td><span>{{ cond.preagg > 0 ? cond.preagg|currency ~ ' €' : '&nbsp;' }}</span></td>
                  <td><span>{{ cond.valmin > 0 ? cond.valmin|currency ~ ' €' : '&nbsp;' }}</span></td>
                  <td><span>{{ cond.valmax > 0 ? cond.valmax|currency ~ ' €' : '&nbsp;' }}</span></td>
                  <td><span>{{ cond.pesmin > 0 ? cond.pesmin ~ ' kg' : '&nbsp;' }}</span></td>
                  <td><span>{{ cond.pesmax > 0 ? cond.pesmax ~ ' kg' : '&nbsp;' }}</span></td>
                  <td>
                  {% if cond.countries|length == 1 %}
                    {% if cond.countries[0].cdnazi == 'ALL' %}
                    <span>{{ mt._('_common.allf') }}</span>
                    {% else %}
                    <span data-toggle='tooltip' title="{{ cond.countries[0].dsnazi }}">1 {{ mt._('_common.country') }}</span>
                    {% endif %}
                  {% else %}
                    <span data-toggle='tooltip' title="{% for country in cond.countries %}{% if loop.index != 1 %} - {% endif %}{{ country.dsnazi }}{% endfor %}">
                      {{ cond.countries|length ~ ' ' ~ mt._('_common.countries') }}
                    </span>
                  {% endif %}
                  </td>
                  <td>
                    <a href="#" class="modify-cond" title="{{ mt._('admin.condition.edit') }}"
                      data-toggle='modal' data-target='.modal-edit-cond'>
                      <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                    </a>
                  </td>
                  <td>
                    <a href="#" class="delete-cond" title="{{ mt._('admin.condition.delete') }}"
                      data-toggle='modal' data-target='.modal-delete-cond'>
                      <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    </a>
                  </td>
                {% endfor %}
              </tbody>
            </table>

          </div>
        </div>
        {% endif %}

      </div>

    </div>
  </div>
</div>

<!-- Modal for new/edit condition -->
<div class="modal fade modal-edit-cond" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm w-30">
    <div class="modal-content">

      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel2"></h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
      <div class="modal-body">
        <div class="modal-section">
          <div class="row pb-10x">
            <div class='col-md-4 col-sm-4 col-xs-4 modal-section-title right pt-5x'>{{ mt._('admin.condition.shipment') }}</div>
            <div class='col-md-8 col-sm-8 col-xs-8'>
              {% if def_shipments|length > 0 %}
              <select class="p-5x w-80" id="modal-edit-tpport">
                {% for cond in def_shipments %}
                <option value="{{ cond.tpport }}" data-dstpor="{{ cond.dstpor }}">{{ cond.tpport }} - {{ cond.dstpor }}</option>
                {% endfor %}
              </select>
              {% endif %}
            </div>
          </div>
        </div>
        <div class="modal-section">
          <input type="hidden" value="" id="modal-edit-numpor"/>
          <div class="row py-10x">
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('admin.condition.minexpense') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="number" min="0" step="0.01" id="modal-edit-valmin"/> €</div>
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('admin.condition.maxexpense') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="number" min="0" step="0.01" id="modal-edit-valmax"/> €</div>
          </div>
          <div class="row py-10x">
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('admin.condition.minweight') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="number" min="0" step="0.01" id="modal-edit-pesmin"/> kg</div>
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('admin.condition.maxweight') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="number" min="0" step="0.01" id="modal-edit-pesmax"/> kg</div>
          </div>
          <div class="row py-10x">
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('admin.condition.addprice') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="number" min="0" step="0.01" id="modal-edit-preagg"/> €</div>
          </div>
          <div class="row py-10x">
            <div class='col-md-2 col-sm-2 col-xs-2 modal-section-title right mt-7x'>{{ mt._('account.customer.carrier') }}</div>
            <div class='col-md-4 col-sm-4 col-xs-4'><input type="text" id="modal-edit-dsvett"/></div>
          </div>
        </div>
        <div class="modal-section" id="modal-section-status">
          <div class="row py-10x">
            <div class='col-md-4 col-sm-4 col-xs-4 modal-section-title right mt-7x'>{{ mt._('_common.countries') }}</div>
            <div class='col-md-8 col-sm-8 col-xs-8'>
              {% if countries|length > 0 %}
              <select class="select2_multiple" multiple="multiple" class="p-5x" style="width:200px;height:200px" id="modal-edit-countries">
                <option value="ALL" class="italic">{{ mt._('_common.allf') }}</option>
                {% for country in countries %}
                <option value="{{ country.cdnazi }}">{{ country.dsnazi }}</option>
                {% endfor %}
              </select>
              {% endif %}
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-default left-btn w-50" data-dismiss="modal">{{ mt._('_common.close') }}</button>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary right-btn w-50" id="save-cond" data-action="">{{ mt._('_common.save') }}</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal for delete coupon -->
<div class="modal fade modal-delete-cond" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-sm w-30">
    <div class="modal-content">
      <input type="hidden" id="modal-delete-numpor" name="modal-delete-numpor"/>
      <input type="hidden" id="modal-delete-multi-numpor" name="modal-delete-multi-numpor"/>
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel2">{{ mt._('admin.condition.delete') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
      <div class="modal-body">
        <div class="row center"><div class='col-md-12 modal-section-title'>{{ mt._('admin.condition.deletewarning') }}</div></div>
      </div>
      <div class="modal-footer">
        <div class="row">
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-default left-btn w-50" data-dismiss="modal">{{ mt._('_common.close') }}</button>
          </div>
          <div class="col-md-6 col-sm-6 col-xs-6">
            <button type="button" class="btn btn-primary right-btn w-50 capitalize" id="delete-cond" data-action="">{{ mt._('_common.delete') }}</button>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="msg-error">{{ mt._('_common.generic.db.error') }}</div>
            <div class="msg-success">{{ mt._('_common.generic.db.success') }}</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
