<div class="dol-form-section-title">
  <h2>Wage Data</h2>

  <div class="dol-form-section-help">
    <ul>
      <li><a role="button" id="wageDataShowAllHelp" ng-keyup="$event.keyCode === 13 ? vm.toggleAllHelpText() : null" ng-click="vm.toggleAllHelpText($event)" tabindex="0">Show Help for All Items</a></li>
      <li><a href="#0" role="button" class="cd-panel-trigger" aria-controls="helpfulLinksPanel" tabindex="0">Helpful Links</a></li>
    </ul>
  </div>
</div>
<div class="dol-form-section-sub-title">
  All fields are required unless indicated as optional.
</div>
<div class="usa-alert usa-alert-error" role="alert" tabindex="0" ng-show="validate('__wagedata')">
  <div class="usa-alert-body">
    <p class="usa-alert-text">Please review this page. There are errors or missing information that we need to collect before you can submit the form.</p>
  </div>
</div>
<div class="dol-form-page">
  <div class="dol-form-question-block" ng-class="validate('payType') ? 'usa-input-error' : ''">
    <fieldset class="usa-fieldset-inputs form-question-answer">
      <legend class="dol-form-question-text">How did the employer pay subminimum wage rates to workers with disabilities in the most recent fiscal quarter?</legend>
      <span class="usa-input-error-message" role="alert" tabindex="0" ng-show="validate('payType')">{{ validate('payType') }}</span>
        <ul class="usa-unstyled-list">
          <li ng-repeat="response in responses.PayType">
            <input id="paytype_{{ response.id }}" type="radio" name="pay-type" ng-value="response.id" ng-model="formData.payTypeId">
            <label for="paytype_{{ response.id }}">{{ response.display }}</label>
          </li>
        </ul>
    </fieldset>
  </div>

  <div id="wagedata_tab_box" class="form-tabbed-section" ng-show="formData.payTypeId === 23">
    <a href class="form-tab {{ vm.activeTab === 1 ? 'active' : '' }}" aria-selected="{{ vm.activeTab === 1 ? 'true' : 'false' }}" ng-click="vm.onTabClick(1)" ng-keyup="$event.keyCode === 13 ? vm.tabPanelFocus(1) : vm.onTabClick(1)">
      Hourly
    </a>
    <a href class="form-tab {{ vm.activeTab === 2 ? 'active' : '' }}" aria-selected="{{ vm.activeTab === 2 ? 'true' : 'false' }}" ng-click="vm.onTabClick(2)" ng-keyup="$event.keyCode === 13 ? vm.tabPanelFocus(2) : vm.onTabClick(2)">
      Piece Rate
    </a>
  </div>
  <wage-data-pay-type-form paytype="hourly" show-all-help="showAllHelp" ng-show="formData.payTypeId === 21 || (formData.payTypeId === 23 && vm.activeTab !== 2)"></wage-data-pay-type-form>
  <wage-data-pay-type-form paytype="piecerate" show-all-help="showAllHelp" ng-show="formData.payTypeId === 22 || (formData.payTypeId === 23 && vm.activeTab === 2)"></wage-data-pay-type-form>
</div>
<div class="cd-panel from-right" id="helpfulLinksPanel">
  <div class="cd-panel-container">
    <div class="cd-panel-content">
      <header class="cd-panel-header">
        <a href="#0" class="cd-panel-close dol-close-button dol-first-focus">Close Helpful Links</a>
        <h3 tabindex="-1">Helpful Links</h3>
      </header>
      <p><strong>Prevailing Wage Calculators:</strong><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/StraightAverage.htm" target="_blank">Straight or Simple Average</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/WeightedAverage.htm" target="_blank">Weighted Average</a>
      </p>
      <p>
        <strong>Commensurate Hourly Wage Calculators:</strong><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/Rework.htm" target="_blank">Rework</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/WeightedTask_Standard.htm" target="_blank">Weighted Tasks, Standard Weight Factor</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/WeightedTask_WwD.htm" target="_blank">Weighted Tasks, Ww/D Weight Factor</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/90-10-Task_Var_Time.htm" target="_blank">90/10 Form, Single Task, Variable Time</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/90-10-Task_Var_Units.htm" target="_blank">90/10 Form, Fixed Time, Variable Units</a>
      </p>
      <p>
        <strong>Piece Rate - Number of Units in Standard Calculators:</strong><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/FixedUnit_VariableTime9.htm" target="_blank">Fixed Number of Units, PF&D 9 min</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/FixedUnit_VariableTime10.htm" target="_blank">Fixed Number of Units, PF&D 10 min</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/FixedTime_VariableUnit9.htm" target="_blank">Fixed Time, PF&D 9 min</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/FixedTime_VariableUnit10.htm" target="_blank">Fixed Time, PF&D 10 min</a><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/PieceRate.htm" target="_blank">Piece Rate Calculator</a>
      </p>
      <p><strong>New Minimum Wage Calculator</strong><br>
        <a href="https://www.dol.gov/whd/sec14c/calculators/NewMinimumWage.htm" target="_blank">New Prevailing Wage Calculator (Based on Minimum Wage Rate Change)</a>
      </p>
      <p><strong>User Guide</strong><br>
        <a href="https://www.dol.gov/whd/specialemployment/calculatorGuide.pdf" target="_blank">Section 14(c) Online Calculators User Guide (PDF)</a>
      </p>
      <p><button class="cd-panel-close dol-last-focus">Close Helpful Links</button></p>
    </div>
  </div>
</div>
