<div class="col-xs-12 field-group">
   <span class="text-large">Logística</span>
   <input type="hidden" id="shopeeLogisticId"/>
</div>

{% for channel in logisticChannels %}
  <div class="col-xs-12 field-group">
    <div class="row no-space-xs middle-xs background-white top-border-gray bottom-border-gray horizontal-border-gray between-xs js-logistic-details-parent">
      <div class="padding-x-small">
        <label class="checkbox checkbox-medium left-margin-small">
          <input name="shopee_logistic_selection[]" class="checkbox-entry" type="checkbox" value="{{ channel.logistics_channel_id }}"
                 {% if channel.checked %}checked{% endif %}>
          <span class="checkbox-text">{{ channel.logistics_channel_name }}</span>
        </label>
      </div>
      <div class="margin-small padding-small btn-default btn-small-square btn-white js-button-logistic-details">
        <i class="js-button-logistic-icon fa fa-angle-down"></i>
      </div>
    </div>
    <div class="bottom-padding-medium horizontal-padding-medium js-content-logistic-details bottom-border-gray horizontal-border-gray hidden">
      <hr class="bottom-margin-medium bottom-border-gray">
      {{ channel.logistics_description }}
    </div>
  </div>
{% endfor %}