{% comment %}
  Product-page placement (study §3.7 "Delivery/availability information can
  surface at the product level"). Renders the same widget in read-only
  "preview" mode: it shows the earliest available date per method and
  collects nothing — the interactive picker still lives on the cart page.
  Merchants add this block to their product template from the theme editor.
{% endcomment %}
<div
  class="dd-widget dd-widget--preview"
  data-dd-widget
  data-mode="preview"
  data-heading="{{ block.settings.heading | escape }}"
  data-show-shipping="{{ block.settings.show_shipping }}"
  data-show-local-delivery="{{ block.settings.show_local_delivery }}"
  data-show-pickup="{{ block.settings.show_pickup }}"
  data-label-shipping="{{ 'widget.method_shipping' | t | escape }}"
  data-label-local-delivery="{{ 'widget.method_local_delivery' | t | escape }}"
  data-label-pickup="{{ 'widget.method_pickup' | t | escape }}"
  data-attr-label-shipping="{{ 'widget.date_label_shipping' | t | escape }}"
  data-attr-label-local-delivery="{{ 'widget.date_label_local_delivery' | t | escape }}"
  data-attr-label-pickup="{{ 'widget.date_label_pickup' | t | escape }}"
  data-label-no-dates="{{ 'widget.no_dates' | t | escape }}"
  data-label-loading="{{ 'widget.loading' | t | escape }}"
  data-label-error="{{ 'widget.error' | t | escape }}"
  data-label-earliest-prefix="{{ 'widget.earliest_prefix' | t | escape }}"
  data-label-delivery-at-checkout="{{ 'widget.delivery_at_checkout' | t | escape }}"
  {% if block.settings.location_id != blank %}data-location-id="{{ block.settings.location_id | escape }}"{% endif %}
  {{ block.shopify_attributes }}
>
  <noscript>{{ 'widget.enable_js' | t | escape }}</noscript>
</div>

{% schema %}
{
  "name": "t:product_availability.name",
  "target": "section",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "t:product_availability.heading_label",
      "default": "Delivery & pickup availability"
    },
    {
      "type": "checkbox",
      "id": "show_shipping",
      "label": "t:datetime_picker.show_shipping_label",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_local_delivery",
      "label": "t:datetime_picker.show_local_delivery_label",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_pickup",
      "label": "t:datetime_picker.show_pickup_label",
      "default": true
    },
    {
      "type": "text",
      "id": "location_id",
      "label": "t:datetime_picker.location_id_label",
      "info": "t:datetime_picker.location_id_info"
    }
  ]
}
{% endschema %}