[%- USE T8 %]
[%- USE LxERP %]
[%- USE L %]

<div id="deliveries">
  <table>
    <tr>
      <th align="right">[% 'Shipping Address' | $T8 %]</th>
      <td colspan="3">
        [% temp = [{shipto_id = 'all', displayable_id = LxERP.t8('All')}] %]
        [% temp = temp.merge(SELF.shiptos) %]
        [%
          L.select_tag(
            'delivery_id',
            temp,
            value_key = 'shipto_id',
            title_key = 'displayable_id',
            with_empty = 1,
            onchange = "kivi.CustomerVendor.selectDelivery();"
          )
        %]
      </td>
    </tr>

    <tr>
      <th align="right" nowrap>[% 'From' | $T8 %]</th>

      <td>
        [%
          L.date_tag(
            'delivery_from',
            FORM.delivery_from,
            onchange => "kivi.CustomerVendor.selectDelivery(this.form.delivery_from.value, this.form.delivery_to.value);"
          )
        %]
      </td>


      <th align="right" nowrap>[% 'To (time)' | $T8 %]</th>

      <td>
        [%
          L.date_tag(
            'delivery_to',
            FORM.delivery_to,
            onchange => "kivi.CustomerVendor.selectDelivery(this.form.delivery_from.value, this.form.delivery_to.value);"
          )
        %]
      </td>
    </tr>

    <tr>
      <td colspan="4">
        <div id="delivery"></div>
      </td>
    </tr>
  </table>
</div>