<commit_before><div class="panel action-panel with-shield">
  <div class="panel-icon">
    <img src="/images/M_shield_callout_box.svg" class="img-responsive" alt="">
    <div class="fade-line hidden-xs hidden-sm"></div>
  </div>
  <div class="panel-body">
    <h2>Record a message</h2>
    <div class="row">
      <div class="col-md-12">
        {% if include.show_instructions %}

        <p class="text-left">Record your message and we'll deliver it to key members of Congress. Submit your phone number, and our recording system will connect you. Here are a few helpful tips, and remember: If you're unhappy with your message, you can always re-record it.</p>

        <ol class="simple-list small-list text-left">
          <li>
            Say your name, phone number, and that you're a voter. <br />
            <small>Remember: Be confident, speak slowly, and don't forget to breathe. <strong>Important:</strong> You must say your phone number, or we will be unable to deliver your message.</small>
          </li>
          <li>Explain that you're asking the <span class="billData legSingular">Representative</span> to <strong>support <span class="billData billNumber">HR 20</span></strong>, <a href="https://www.govtrack.us/congress/bills/114/s1538" class="billData shortName">The Government By The People Act</a>.</li>
          <li>Say what’s on your mind -- talk about why corruption is important to you.</li>
          <li>When you finish your message, stay on the line to review or re-record your message.</li>
        </ol>
        {% else %}
        <p>{% if include.intro_content %}{{include.intro_content}}{%else%}Start fighting for fundamental reform. This tool will help you call the office of one of our potential leaders, so you can ask your legislators to support reform.{% endif %}</p>
        {% endif %}
        <form class="join js-form-record-message">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <input type="email" class="no-bottom-margin" name="person[email]" placeholder="Email Address" required="required"/>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <input type="tel" class="no-bottom-margin" name="person[phone]" placeholder="Phone Number" required="required" phoneUs="phoneUs"/>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group"><input class="no-bottom-margin" type="text" pattern="\d{5,5}(-\d{4,4})?" name="person[zip]" placeholder="ZIP" required="required" /></div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <p class="help-block">We respect your privacy. Your phone number will not be shared with outside parties. Note: If submitting your cell number, you are certifying that this cell phone number belongs to you and granting Mayday PAC and its contracted phone vendors permission to call you at this cell phone number during legal calling hours. Message &amp; data rates may apply.</p>
            </div>
          </div>
          <div class="row">
            <div class="col-md-10 col-xs-12 center-block">
              <div class="col-md-12 top-spacer-btn">
                <button type="submit" class="btn btn-md-wide btn-md-red">Record <span class="hidden-xs">Your</span> Message</button>
                <input type="hidden" name="person[remote_fields][tags][]" value="20150609_record_message">
                <input type="hidden" name="person[remote_fields][tags][]" class="billData googleEvent" value="20150611_HR20_recording">
                <input type="hidden" name="person[remote_fields][tags][]" value="robocallable">
                <input type="hidden" name="person[is_volunteer]" value="true">
                <input type="hidden" name="call_type" value="record_message">
                <input type="hidden" name="campaign_ref" class="billData campaignRef" value="20150611_HR20">
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
    {% unless include.hide_next %}
    <div class="row skip-next">
      <small><a href="#" title="I completed this step" class="done">I Did This!</a> or <a href="#" class="next" title="Skip to Next Step">Skip to Next Step</a></small>
    </div>
    {% endunless %}
  </div>
  <div class="panel-body thanks-message">
    <div class="col-md-12 center-block text-left">
      <div class="row">
      <div class="col-md-12 text-center">
        <h3>Thanks for recording a message for Congress.</h3>
        <h2>Now Spread the Word!</h2>
        <p>Invite your friends to leave their message for Congress:</p>
      <div class="row">
        <div class="col-md-4 col-sm-4">
          <a href="http://www.facebook.com/sharer.php?u=https://mayday.us/record/" target="_blank" class="btn btn-md-wide btn-share-center facebook">
            <span class="text"><i class="fa fa-facebook"></i></span>
          </a>
        </div>
        <div class="col-md-4 col-sm-4">
          <a href="https://twitter.com/home?status=Record%20your%20message%20and%20we%27ll%20deliver%20it%20to%20key%20members%20of%20Congress.%20Tell%20them%20to%20%23Lead4Reform%21%20https%3A%2F%2Fmayday.us%2Frecord%20%40maydayus" target="_blank" class="btn btn-md-wide btn-share-center twitter">
            <span class="text"><i class="fa fa-twitter"></i></span>
          </a>
        </div>
        <div class="col-md-4 col-sm-4">
          <a href="mailto:?Subject=Help%20me%20send%20Congress%20a%20message&body=Make%20your%20voice%20heard%21%20Send%20Congress%20a%20message.%20Record%20a%20simple%20voicemail%20message%2C%20and%20Mayday%20PAC%20will%20deliver%20it%20to%20key%20Members%20of%20Congress.%20Tell%20them%20you%20want%20them%20to%20reform%20the%20way%20campaigns%20are%20funded.%20It%20takes%201%20minute--thanks%20in%20advance%21%20https%3A%2F%2Fmayday.us%2Frecord%2F" class="btn btn-md-wide btn-share-center">
            <span class="text"><i class="fa fa-envelope-o"></i></span>
          </a>
        </div>
      </div>
      </div>
      <p class="text-center no-y-margin"><small>If you have any feedback, please write to <a href="mailto:<EMAIL>"><EMAIL></a>.</small></p>
    </div>
  </div>
</div>
{% include modals/modal_call_congress.html %}


{% capture panel_record_js%}

<script>
  $(document).ready(function(){
    $('.js-form-record-message').validate({
      submitHandler: function(form) {
        targetData = targetData || {};
        $form = $(form);
        $form.find('button.btn').html('<i class="fa fa-refresh fa-spin"></i> Calling You');
        ga('send', 'event', 'form', 'submit', targetData['googleEvent'] || '20150611_HR20_recording');
        $.post('{{site.services_url}}/ivr/calls', $form.serialize() ).done(function(data){
          $parent = $form.parents('.incomplete');
          if(location.pathname == '/take-action/'){
            setAsComplete($parent);
          }else{
            $parent.removeClass('incomplete');
            $parent.addClass('complete').addClass('thanked');
          }
        }).fail(function(data){
          alert('There was an error. Please try again later.');
        })<commit_msg>code formating<commit_after><div class="panel action-panel with-shield">
  <div class="panel-icon">
    <img src="/images/M_shield_callout_box.svg" class="img-responsive" alt="">
    <div class="fade-line hidden-xs hidden-sm"></div>
  </div>
  <div class="panel-body">
    <h2>Record a message</h2>
    <div class="row">
      <div class="col-md-12">
        {% if include.show_instructions %}

        <p class="text-left">Record your message and we'll deliver it to key members of Congress. Submit your phone number, and our recording system will connect you. Here are a few helpful tips, and remember: If you're unhappy with your message, you can always re-record it.</p>

        <ol class="simple-list small-list text-left">
          <li>
            Say your name, phone number, and that you're a voter. <br />
            <small>Remember: Be confident, speak slowly, and don't forget to breathe. <strong>Important:</strong> You must say your phone number, or we will be unable to deliver your message.</small>
          </li>
          <li>Explain that you're asking the <span class="billData legSingular">Representative</span> to <strong>support <span class="billData billNumber">HR 20</span></strong>, <a href="https://www.govtrack.us/congress/bills/114/s1538" class="billData shortName">The Government By The People Act</a>.</li>
          <li>Say what’s on your mind -- talk about why corruption is important to you.</li>
          <li>When you finish your message, stay on the line to review or re-record your message.</li>
        </ol>
        {% else %}
        <p>{% if include.intro_content %}{{include.intro_content}}{%else%}Start fighting for fundamental reform. This tool will help you call the office of one of our potential leaders, so you can ask your legislators to support reform.{% endif %}</p>
        {% endif %}
        <form class="join js-form-record-message">
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <input type="email" class="no-bottom-margin" name="person[email]" placeholder="Email Address" required="required"/>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-8">
              <div class="form-group">
                <input type="tel" class="no-bottom-margin" name="person[phone]" placeholder="Phone Number" required="required" phoneUs="phoneUs"/>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group"><input class="no-bottom-margin" type="text" pattern="\d{5,5}(-\d{4,4})?" name="person[zip]" placeholder="ZIP" required="required" /></div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <p class="help-block">We respect your privacy. Your phone number will not be shared with outside parties. Note: If submitting your cell number, you are certifying that this cell phone number belongs to you and granting Mayday PAC and its contracted phone vendors permission to call you at this cell phone number during legal calling hours. Message &amp; data rates may apply.</p>
            </div>
          </div>
          <div class="row">
            <div class="col-md-10 col-xs-12 center-block">
              <div class="col-md-12 top-spacer-btn">
                <button type="submit" class="btn btn-md-wide btn-md-red">Record <span class="hidden-xs">Your</span> Message</button>
                <input type="hidden" name="person[remote_fields][tags][]" value="20150609_record_message">
                <input type="hidden" name="person[remote_fields][tags][]" class="billData googleEvent" value="20150611_HR20_recording">
                <input type="hidden" name="person[remote_fields][tags][]" value="robocallable">
                <input type="hidden" name="person[is_volunteer]" value="true">
                <input type="hidden" name="call_type" value="record_message">
                <input type="hidden" name="campaign_ref" class="billData campaignRef" value="20150611_HR20">
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
    {% unless include.hide_next %}
    <div class="row skip-next">
      <small><a href="#" title="I completed this step" class="done">I Did This!</a> or <a href="#" class="next" title="Skip to Next Step">Skip to Next Step</a></small>
    </div>
    {% endunless %}
  </div>
  <div class="panel-body thanks-message">
    <div class="col-md-12 center-block text-left">
      <div class="row">
      <div class="col-md-12 text-center">
        <h3>Thanks for recording a message for Congress.</h3>
        <h2>Now Spread the Word!</h2>
        <p>Invite your friends to leave their message for Congress:</p>
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <a href="http://www.facebook.com/sharer.php?u=https://mayday.us/record/" target="_blank" class="btn btn-md-wide btn-share-center facebook">
              <span class="text"><i class="fa fa-facebook"></i></span>
            </a>
          </div>
          <div class="col-md-4 col-sm-4">
            <a href="https://twitter.com/home?status=Record%20your%20message%20and%20we%27ll%20deliver%20it%20to%20key%20members%20of%20Congress.%20Tell%20them%20to%20%23Lead4Reform%21%20https%3A%2F%2Fmayday.us%2Frecord%20%40maydayus" target="_blank" class="btn btn-md-wide btn-share-center twitter">
              <span class="text"><i class="fa fa-twitter"></i></span>
            </a>
          </div>
          <div class="col-md-4 col-sm-4">
            <a href="mailto:?Subject=Help%20me%20send%20Congress%20a%20message&body=Make%20your%20voice%20heard%21%20Send%20Congress%20a%20message.%20Record%20a%20simple%20voicemail%20message%2C%20and%20Mayday%20PAC%20will%20deliver%20it%20to%20key%20Members%20of%20Congress.%20Tell%20them%20you%20want%20them%20to%20reform%20the%20way%20campaigns%20are%20funded.%20It%20takes%201%20minute--thanks%20in%20advance%21%20https%3A%2F%2Fmayday.us%2Frecord%2F" class="btn btn-md-wide btn-share-center">
              <span class="text"><i class="fa fa-envelope-o"></i></span>
            </a>
          </div>
        </div>
      </div>
      <p class="text-center no-y-margin"><small>If you have any feedback, please write to <a href="mailto:<EMAIL>"><EMAIL></a>.</small></p>
    </div>
  </div>
</div>
{% include modals/modal_call_congress.html %}


{% capture panel_record_js%}

<script>
  $(document).ready(function(){
    $('.js-form-record-message').validate({
      submitHandler: function(form) {
        targetData = targetData || {};
        $form = $(form);
        $form.find('button.btn').html('<i class="fa fa-refresh fa-spin"></i> Calling You');
        ga('send', 'event', 'form', 'submit', targetData['googleEvent'] || '20150611_HR20_recording');
        $.post('{{site.services_url}}/ivr/calls', $form.serialize() ).done(function(data){
          $parent = $form.parents('.incomplete');
          if(location.pathname == '/take-action/'){
            setAsComplete($parent);
          }else{
            $parent.removeClass('incomplete');
            $parent.addClass('complete').addClass('thanked');
          }
        }).fail(function(data){
          alert('There was an error. Please try again later.');
        })
{'fraction_non_alphanumeric': 0.16108115486997474, 'fraction_numerical': 0.03180670261415603, 'mean_word_length': 2.9260450160771705, 'pattern_counts': {'":': 0, '<': 289, '<?xml version=': 0, '>': 289, 'https://': 6, 'lorem ipsum': 0, 'www.': 4, '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': '2646039', 'n_tokens_mistral': 4825, 'n_tokens_neox': 4438, 'n_words': 1069}