<!-- code for sold-out contact form -->
        <div class="wrapper sold-out-form">
          <p class="text-center uppercase">We can contact you when this item is available:</p>

        {% form 'contact' %}

          {% comment %}
            Successful message
          {% endcomment %}
          {% if form.posted_successfully? %}
            <p class="note form-success">
              {{ 'contact.form.post_success' | t }}
            </p>
          {% endif %}

          {{ form.errors | default_errors }}

          {% assign name_attr = 'contact.form.name' | t | handle %}
          {% assign product_option = '?variant=' %}          
          <label for="ContactFormName" class="label--hidden">{{ 'contact.form.name' | t }}</label>
          <input type="text" id="ContactFormName" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.name' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.name }}{% endif %}">

          <label for="ContactFormEmail" class="label--hidden">{{ 'contact.form.email' | t }}</label>
          <input type="email" id="ContactFormEmail" name="contact[email]" placeholder="{{ 'contact.form.email' | t }}" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}">

          <label for="ContactFormProduct" class="label--hidden">Product</label>
          <input type="hidden" id="ContactFormProduct" name="contact[product]" placeholder="{{ shop.url }}{{ product.url }}{{ product_option }}{{ product.selected_variant.id }}" autocapitalize="words" value="{{ shop.url }}{{ product.url }}{{ product_option }}{{ product.selected_variant.id }}">          
          
          <label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
          <textarea rows="5" id="ContactFormMessage" name="contact[body]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>
          
          <input type="submit" class="btn right uppercase" value="{{ 'contact.form.send' | t }}">

        {% endform %}

      </div>

      <style>
        .sold-out-form {display:none;}
      </style>        
<!-- end -->