<commit_before>---
title: Give Items - Submit Details - Street Support
description: Street support makes it easier to help homeless people. Here's how to get in touch.
layout: default.hbs
permalink: false
jsBundle: giveitemsubmitdetails
---

<div class="block block--intro">
  <div class="container block__inner">
    <h1 class="h1 block__header">Give</h1>
    <a href="give-help.html">Other ways to give help</a>
    <!-- ko if: isFormSubmitSuccessful -->
    <h2>Thank you for submitting your details</h2>
    <p>Your message has been added to our system. The organisation you are helping will be in touch soon!</p>
    <!-- /ko -->
    <!-- ko if: isFormSubmitFailure -->
    <h2>There was a problem with your submission:</h2>
    <ul data-bind="foreach: apiErrors">
      <li data-bind="text: $data"></li>
    </ul>
    <!-- /ko -->
    <!-- ko ifnot: isFormSubmitSuccessful -->
    <form class="form" data-bind="submit: submit">
      <p>Please fill in the form below, detailing how you can fulfil this need.</p>
      <p>* denotes a required field.</p>
      <fieldset class="form__fieldset" data-bind="with: formModel">
        <legend class="h2 form__fieldset-title">I Can Help!</legend>
        <ul class="form__field-list">
          <li class="form__field-item">
            <label class="form__label" for="email">Subject</label>
            <p data-bind="text: $parent.needDescription"></p>
          </li>
          <li class="form__field-item">
            <label class="form__label" for="email">Email *</label>
            <input type="text" class="form__input form__input" id="email" data-bind="value: email" />
          </li>
          <li class="form__field-item form__field-item--full">
            <label class="form__label" for="message">Message *</label>
            <textarea class="form__input form__input--multiline" id="message" data-bind="value: message"></textarea>
          </li>
          <li class="form__field-item form__field-item">
            <label class="form__label--checkbox" for="isOptedIn">Opt-In to receive updates (*)</label>
            <input type="checkbox" id="isOptedIn" data-bind="attr: { value: isOptedIn }, checked: isOptedIn" class="form__input--checkbox" />
          </li>
        </ul>
      </fieldset>
      <button type="submit" class="btn btn--brand-d form__submit" data-bind="click: submit"><span class="btn__text">Submit</span></button>
    </form>
    <p><em>(*) Need blurb as to what it is they'll be receiving.</em></p>
    <!-- /ko -->
  </div>
</div>

<div class="block">
  <div class="container block__inner">
    <div class="block__content">
      {{> social-share}}
    </div>
  </div>
</div>

{{> loading-spinner}}<commit_msg>fixed knockout flash of content issue<commit_after>---
title: Give Items - Submit Details - Street Support
description: Street support makes it easier to help homeless people. Here's how to get in touch.
layout: default.hbs
permalink: false
jsBundle: giveitemsubmitdetails
---

<div class="block block--intro">
  <div class="container block__inner">
    <h1 class="h1 block__header">Give</h1>
    <a href="give-help.html">Other ways to give help</a>
    <!-- ko if: isFormSubmitSuccessful -->
      <!-- ko template: { name: 'form-submit-success-template' } -->
    <!-- /ko -->
    <!-- ko if: isFormSubmitFailure -->
      <!-- ko template: { name: 'form-submit-failure-template' } -->
    <!-- /ko -->
    <!-- ko ifnot: isFormSubmitSuccessful -->
    <form class="form" data-bind="submit: submit">
      <p>Please fill in the form below, detailing how you can fulfil this need.</p>
      <p>* denotes a required field.</p>
      <fieldset class="form__fieldset" data-bind="with: formModel">
        <legend class="h2 form__fieldset-title">I Can Help!</legend>
        <ul class="form__field-list">
          <li class="form__field-item">
            <label class="form__label" for="email">Subject</label>
            <p data-bind="text: $parent.needDescription"></p>
          </li>
          <li class="form__field-item">
            <label class="form__label" for="email">Email *</label>
            <input type="text" class="form__input form__input" id="email" data-bind="value: email" />
          </li>
          <li class="form__field-item form__field-item--full">
            <label class="form__label" for="message">Message *</label>
            <textarea class="form__input form__input--multiline" id="message" data-bind="value: message"></textarea>
          </li>
          <li class="form__field-item form__field-item">
            <label class="form__label--checkbox" for="isOptedIn">Opt-In to receive updates (*)</label>
            <input type="checkbox" id="isOptedIn" data-bind="attr: { value: isOptedIn }, checked: isOptedIn" class="form__input--checkbox" />
          </li>
        </ul>
      </fieldset>
      <button type="submit" class="btn btn--brand-d form__submit" data-bind="click: submit"><span class="btn__text">Submit</span></button>
    </form>
    <p><em>(*) Need blurb as to what it is they'll be receiving.</em></p>
    <!-- /ko -->
  </div>
</div>

<div class="block">
  <div class="container block__inner">
    <div class="block__content">
      {{> social-share}}
    </div>
  </div>
</div>


  {{> loading-spinner}}

  <script type="text/html" id="form-submit-success-template">
    <h2>Thank you for submitting your details</h2>
    <p>Your message has been added to our system. The organisation you are helping will be in touch soon!</p>
  </script>

  <script type="text/html" id="form-submit-failure-template">
    <h2>There was a problem with your submission:</h2>
    <ul data-bind="foreach: apiErrors">
      <li data-bind="text: $data"></li>
    </ul>
  </script>
{'fraction_non_alphanumeric': 0.16599544738224478, 'fraction_numerical': 0.0028016109262826126, 'mean_word_length': 2.9804878048780488, 'pattern_counts': {'":': 0, '<': 153, '<?xml version=': 0, '>': 157, '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': '1870967', 'n_tokens_mistral': 1765, 'n_tokens_neox': 1731, 'n_words': 462}