<input type="hidden" value="{{ data.international.calculated.count }}" id="calculated_count_international" />
{% if data.international.calculated.service_id is not empty %}
  {% for key,service in data.international.calculated.service_id %}
    <div class="well" id="international_calculated_{{ key }}">
      <div class="row form-group">
        <div class="col-sm-1 text-right"><label class="control-label">{{ text_shipping_service }}</label></div>
        <div class="col-sm-11">
          <select name="data[international][calculated][service_id][{{ key }}]" class="form-control">
            {% for service_key,service_type in data.international.calculated.types.service %}
              <option value="{{ service_key }}" {% if service_key == service %} selected{% endif %}>{{ service_type.description }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="row form-group">
        <div class="col-sm-1 text-right">
          <label class="control-label">{{ text_shipping_zones }}</label>
        </div>
        <div class="col-sm-10">
          <label class="checkbox-inline">
            <input type="checkbox" name="data[international][calculated][shipto][{{ key }}][]" value="Worldwide"{% if "Worldwide" in data.international.calculated.shipto[key] %} checked="checked"{% endif %} /> {{ text_shipping_worldwide }}
          </label>
          {% for zone in zones %}
          <label class="checkbox-inline">
            <input type="checkbox" name="data[international][calculated][shipto][{{ key }}][]" value="{{ zone.shipping_location }}"{% if zone.shipping_location in data.international.calculated.shipto[key] %} checked="checked"{% endif %} /> {{ zone.description }}
          </label>
          {% endfor %}
        </div>
      </div>
      <div class="row form-group">
        <div class="col-sm-3 pull-right text-right">
          <a onclick="removeShipping('international','{{ key }}', 'calculated');" class="btn btn-danger"><i class="fa fa-minus-circle"></i> {{ button_delete }}</a>
        </div>
      </div>
    </div>
  {% endfor %}
{% endif %}
