<div id="openbay-info">
  <div class="form-horizontal">
    <div class="alert alert-warning">{{ text_marketplace_shipped }}</div>
    <div class="form-group">
      <label class="col-sm-2 control-label" for="carrier-id">{{ entry_courier }}</label>
      <div class="col-sm-10">
        <select name="carrier_id" id="carrier-id" class="form-control openbay-data">
          {% for carrier in couriers %}
          {% if order_info.carrier_id == carrier %}
          <option selected="selected">{{ carrier }}</option>
          {% else %}
          <option>{{ carrier }}</option>
          {% endif %}
          {% endfor %}
        </select>
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label" for="carrier-other">{{ entry_courier_other }}</label>
      <div class="col-sm-10">
        <input type="text" name="courier_other" value="{% if order_info.courier_other is not empty %}{{ order_info.courier_id }}{% endif %}" placeholder="{{ entry_courier_other }}" id="carrier-other" class="form-control openbay-data" />
      </div>
    </div>
    <div class="form-group">
      <label class="col-sm-2 control-label" for="tracking-no">{{ entry_tracking }}</label>
      <div class="col-sm-10">
        <input type="text" name="tracking_no" value="{{ order_info.tracking_no }}" placeholder="{{ entry_tracking }}" id="tracking-no" class="form-control openbay-data" />
      </div>
    </div>
    <input type="hidden" value="Amazon EU" id="order-channel" />
  </div>
</div>

<script type="text/javascript">
  function verifyStatusChange() {
    var carrier = '';
    var carrier_other = '';
    var tracking = '';

    if ($('#order-channel').val()){
      carrier = $('#carrier-id').val();
      carrier_other = $('#carrier-other').val();
      tracking = $('#tracking-no').val();

      if (carrier != '' && carrier_other != '') {
        alert('{{ error_tracking_custom }}');
        return false;
      }

      if (tracking != '' && carrier == '' && carrier_other == ''){
        alert('{{ error_tracking_courier }}');
        return false;
      }

      if ((tracking.indexOf('>') != -1) || (tracking.indexOf('<') != -1)) {
        alert('{{ error_tracking_id_format }}');
        return false;
      }
    }
  }
</script>
