<commit_before><header>
  <h1>{{ product.name }}</h1>

  <div class="flash-container">
    {{ partial('flash-container') }}
  </div>

  {% if product.short_description %}
  <section class="short-description">
    {{ product.short_description | unescape }}
  </section>
  {% endif %}
</header>

<main class="media-object">

  <section class="product-image media-object-section">
    <div class="orbit" data-orbit>

      <ul class="orbit-container">
        {% for image in product.images %}
        <li class="orbit-slide {% if loop.first %}is-active{% endif %}">
          <img
              class="orbit-image"
                src="{{ image.thumbnail(800, 'auto') }}"
              alt="{{ image.description }}"
              title="{{ image.title }}" />
        </li>
        {% endfor %}
      </ul>

      <nav class="orbit-bullets">
        {% for index, image in product.images %}
        <button
            {% if loop.first %}class="is-active"{% endif %}
            data-slide="{{ index }}">
          <img
              class="orbit-image"
                src="{{ image.thumbnail(100, 'auto') }}"
              alt="{{ image.description }}"
              title="{{ image.title }}" />
        </button>
        {% endfor %}
      </nav>

    </div>
  </section>

  <section class="media-object-section main-section">

    <h2>
      {{ product.name }}

      {% if product.manufacturer %}
        <br>
        <small>by <a href="/manufacturer/{{ product.manufacturer.url_name }}">
          {{ product.manufacturer.name}}
        </a></small>
      {% endif %}
    </h2>

    <section class="description">
      {{ product.description | unescape }}
    </section>


    <section class="product-prices">
      {% if product.onSale %}
        <p class="product-base-price">Reg. {{ product.base_price | currency }}</p>
    {% endif %}
      <p class="product-price">{{ product.price ? (product.price | currency) : 'Free' }}</p>
    </section>

    <section class="description">
      {{ product.description | unescape }}
    </section>

    {% if product.productAttributes.count or product.height or product.width
        or product.depth or product.weight or product.sku %}
    <table class="product-attributes">
      {% for attribute in product.productAttributes %}
      <tr>
        <th>{{ attribute.name }}</th>
        <td>{{ attribute.value }}</td>
      </tr>
      {% endfor %}

        {% if product.height %}
          <tr>
            <th>Height</th>
            <td>{{ product.height }}</td>
          </tr>
        {% endif %}

        {% if product.width %}
          <tr>
            <th>Width</th>
            <td>{{ product.width }}</td>
          </tr>
        {% endif %}

        {% if product.depth %}
          <tr>
            <th>Depth</th>
            <td>{{ product.depth }}</td>
          </tr>
        {% endif %}

        {% if product.weight %}
          <tr>
            <th>Weight</th>
            <td>{{ product.weight }}</td>
          </tr>
        {% endif %}

        {% if product.sku %}
          <tr>
            <th>SKU</th>
            <td>{{ product.sku }}</td>
          </tr>
        {% endif %}
    </table>
    {% endif %}

    <section class="product-form">
      {{ open_form({
          'data-ajax-handler': 'shop:onAddToCart',
          'data-ajax-update': '.mini-cart=mini-cart,.cart-count=cart-count,.flash-container=flash-container',
          'method': 'post'
         })
      }}
        {% for option in product.options %}
        <label>
          {{ option.name }}
          <select name="options[{{ option.id }}]">
            {% for key, value in option.values %}
            <option
                value="{{ key }}"
                {{ option_state(postedOptions[option.id], key) }}>
              {{ value }}
            </option>
            {% endfor %}
          </select>
        </label>
        {% endfor %}

        {% if product.extras.count %}
        {% for extra in product.extras %}
        <label class="extra">
          {{ extra.name }}
          <span class="price">({{ extra.price | currency }})</span>
          <input
              type="checkbox"
              {{ checkbox_state(postedExtras[extra.id], extra.id) }}
              name="extras[{{ extra.id }}]"
              {% if not extra.enabled %}
              disabled
              {% endif %}>
          <span class="error"></span>
        </label>
        {% endfor %}
        {% endif %}

        {% if product.isOutOfStock() %}
          <p class="product-stock">
            This product is currently out of stock.
            Check back for more {{ product.expected_availability_date|default('soon') }}.
          </p>
        {% else %} {# Product is in stock #}
          {% if product.in_stock_amount %}
            <p class="product-stock">{{ product.in_stock_amount }} in stock.</p>
          {% endif %}

             <label>
          Quantity
          <input type="number" name="quantity" value="1" min="1" required>
        </label>


        {% if product.subscription_plans.count %}

        <div class="callout">
          <h3>Subscribe and save!</h3>
            {% for plan in product.subscription_plans %}
            <label>
              <input type="radio" name="product_billing_plan" value="{{ plan.id }}"/> {{ plan.name }}

            </label>
            {% endfor %}
        </div>

        {% endif %}

        <input type="hidden" name="productId" value="{{ product.id }}">
        <button class="button" type="submit">Add to cart</button>


        {{ close_form() }}

        {% endif %}

    </section>

    {% if product.priceTiers | length %}
    <section class="price-tiers">
      <h2>Bulk Pricing</h2>
      <table>
        <thead>
        <tr>
          <td>Quantity</td><commit_msg>Adds default for subscribe and save.<commit_after><header>
  <h1>{{ product.name }}</h1>

  <div class="flash-container">
    {{ partial('flash-container') }}
  </div>

  {% if product.short_description %}
  <section class="short-description">
    {{ product.short_description | unescape }}
  </section>
  {% endif %}
</header>

<main class="media-object">

  <section class="product-image media-object-section">
    <div class="orbit" data-orbit>

      <ul class="orbit-container">
        {% for image in product.images %}
        <li class="orbit-slide {% if loop.first %}is-active{% endif %}">
          <img
              class="orbit-image"
                src="{{ image.thumbnail(800, 'auto') }}"
              alt="{{ image.description }}"
              title="{{ image.title }}" />
        </li>
        {% endfor %}
      </ul>

      <nav class="orbit-bullets">
        {% for index, image in product.images %}
        <button
            {% if loop.first %}class="is-active"{% endif %}
            data-slide="{{ index }}">
          <img
              class="orbit-image"
                src="{{ image.thumbnail(100, 'auto') }}"
              alt="{{ image.description }}"
              title="{{ image.title }}" />
        </button>
        {% endfor %}
      </nav>

    </div>
  </section>

  <section class="media-object-section main-section">

    <h2>
      {{ product.name }}

      {% if product.manufacturer %}
        <br>
        <small>by <a href="/manufacturer/{{ product.manufacturer.url_name }}">
          {{ product.manufacturer.name}}
        </a></small>
      {% endif %}
    </h2>

    <section class="description">
      {{ product.description | unescape }}
    </section>


    <section class="product-prices">
      {% if product.onSale %}
        <p class="product-base-price">Reg. {{ product.base_price | currency }}</p>
    {% endif %}
      <p class="product-price">{{ product.price ? (product.price | currency) : 'Free' }}</p>
    </section>

    <section class="description">
      {{ product.description | unescape }}
    </section>

    {% if product.productAttributes.count or product.height or product.width
        or product.depth or product.weight or product.sku %}
    <table class="product-attributes">
      {% for attribute in product.productAttributes %}
      <tr>
        <th>{{ attribute.name }}</th>
        <td>{{ attribute.value }}</td>
      </tr>
      {% endfor %}

        {% if product.height %}
          <tr>
            <th>Height</th>
            <td>{{ product.height }}</td>
          </tr>
        {% endif %}

        {% if product.width %}
          <tr>
            <th>Width</th>
            <td>{{ product.width }}</td>
          </tr>
        {% endif %}

        {% if product.depth %}
          <tr>
            <th>Depth</th>
            <td>{{ product.depth }}</td>
          </tr>
        {% endif %}

        {% if product.weight %}
          <tr>
            <th>Weight</th>
            <td>{{ product.weight }}</td>
          </tr>
        {% endif %}

        {% if product.sku %}
          <tr>
            <th>SKU</th>
            <td>{{ product.sku }}</td>
          </tr>
        {% endif %}
    </table>
    {% endif %}

    <section class="product-form">
      {{ open_form({
          'data-ajax-handler': 'shop:onAddToCart',
          'data-ajax-update': '.mini-cart=mini-cart,.cart-count=cart-count,.flash-container=flash-container',
          'method': 'post'
         })
      }}
        {% for option in product.options %}
        <label>
          {{ option.name }}
          <select name="options[{{ option.id }}]">
            {% for key, value in option.values %}
            <option
                value="{{ key }}"
                {{ option_state(postedOptions[option.id], key) }}>
              {{ value }}
            </option>
            {% endfor %}
          </select>
        </label>
        {% endfor %}

        {% if product.extras.count %}
        {% for extra in product.extras %}
        <label class="extra">
          {{ extra.name }}
          <span class="price">({{ extra.price | currency }})</span>
          <input
              type="checkbox"
              {{ checkbox_state(postedExtras[extra.id], extra.id) }}
              name="extras[{{ extra.id }}]"
              {% if not extra.enabled %}
              disabled
              {% endif %}>
          <span class="error"></span>
        </label>
        {% endfor %}
        {% endif %}

        {% if product.isOutOfStock() %}
          <p class="product-stock">
            This product is currently out of stock.
            Check back for more {{ product.expected_availability_date|default('soon') }}.
          </p>
        {% else %} {# Product is in stock #}
          {% if product.in_stock_amount %}
            <p class="product-stock">{{ product.in_stock_amount }} in stock.</p>
          {% endif %}

             <label>
          Quantity
          <input type="number" name="quantity" value="1" min="1" required>
        </label>


        {% if product.subscription_plans.count %}

        <div class="callout">
          <h3>Subscribe and save!</h3>
            <label>
              <input type="radio" name="product_billing_plan" value="" checked/> No subscription
            </label>
          {% for plan in product.subscription_plans %}
            <label>
              <input type="radio" name="product_billing_plan" value="{{ plan.id }}"/> {{ plan.name }}
            </label>
            {% endfor %}
        </div>

        {% endif %}

        <input type="hidden" name="productId" value="{{ product.id }}">
        <button class="button" type="submit">Add to cart</button>


        {{ close_form() }}

        {% endif %}

    </section>

    {% if product.priceTiers | length %}
    <section class="price-tiers">
      <h2>Bulk Pricing</h2>
      <table>
        <thead>
        <tr>
          <td>Quantity</td>
{'fraction_non_alphanumeric': 0.1727909759015553, 'fraction_numerical': 0.00273457528627585, 'mean_word_length': 1.6627986348122867, 'pattern_counts': {'":': 0, '<': 244, '<?xml version=': 0, '>': 244, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2056689', 'n_tokens_mistral': 3657, 'n_tokens_neox': 3286, 'n_words': 701}